diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toRegister/index.vue b/src/views/coorBusiness/toRegister/index.vue
index d93ad1b..4cf1eea 100644
--- a/src/views/coorBusiness/toRegister/index.vue
+++ b/src/views/coorBusiness/toRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toRegister/index.vue b/src/views/coorBusiness/toRegister/index.vue
index d93ad1b..4cf1eea 100644
--- a/src/views/coorBusiness/toRegister/index.vue
+++ b/src/views/coorBusiness/toRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/work/index.vue b/src/views/coorBusiness/work/index.vue
index f389932..b54c59a 100644
--- a/src/views/coorBusiness/work/index.vue
+++ b/src/views/coorBusiness/work/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待办任务列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { workListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toRegister/index.vue b/src/views/coorBusiness/toRegister/index.vue
index d93ad1b..4cf1eea 100644
--- a/src/views/coorBusiness/toRegister/index.vue
+++ b/src/views/coorBusiness/toRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/work/index.vue b/src/views/coorBusiness/work/index.vue
index f389932..b54c59a 100644
--- a/src/views/coorBusiness/work/index.vue
+++ b/src/views/coorBusiness/work/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待办任务列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { workListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
new file mode 100644
index 0000000..94cd5c5
--- /dev/null
+++ b/src/views/deptAccess/deptAccess.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <dept-access-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <dept-access-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+      <el-button type="text" class="rule-button">考核规则</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import DeptAccessList from './deptAccessList'
+import DeptAccessChart from './deptAccessChart'
+
+export default {
+  name: 'DeptAccess',
+  components: { DeptAccessList, DeptAccessChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          deptName: '城管监察二大队',
+          lastCarryOver: 2,
+          shouldProcess: 166
+        },
+        {
+          deptName: '渣土站',
+          lastCarryOver: 0,
+          shouldProcess: 21
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      // setTimeout(() => {
+      //   tab.$children[0].chart.resize()
+      // }, 100)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.rule-button{
+  position: absolute;
+  top: 0;
+  right: 10px;
+  /* color: red; */
+}
+</style>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toRegister/index.vue b/src/views/coorBusiness/toRegister/index.vue
index d93ad1b..4cf1eea 100644
--- a/src/views/coorBusiness/toRegister/index.vue
+++ b/src/views/coorBusiness/toRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/work/index.vue b/src/views/coorBusiness/work/index.vue
index f389932..b54c59a 100644
--- a/src/views/coorBusiness/work/index.vue
+++ b/src/views/coorBusiness/work/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待办任务列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { workListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
new file mode 100644
index 0000000..94cd5c5
--- /dev/null
+++ b/src/views/deptAccess/deptAccess.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <dept-access-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <dept-access-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+      <el-button type="text" class="rule-button">考核规则</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import DeptAccessList from './deptAccessList'
+import DeptAccessChart from './deptAccessChart'
+
+export default {
+  name: 'DeptAccess',
+  components: { DeptAccessList, DeptAccessChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          deptName: '城管监察二大队',
+          lastCarryOver: 2,
+          shouldProcess: 166
+        },
+        {
+          deptName: '渣土站',
+          lastCarryOver: 0,
+          shouldProcess: 21
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      // setTimeout(() => {
+      //   tab.$children[0].chart.resize()
+      // }, 100)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.rule-button{
+  position: absolute;
+  top: 0;
+  right: 10px;
+  /* color: red; */
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
new file mode 100644
index 0000000..f2e54c6
--- /dev/null
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="chart-container">
+    图表模式
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DeptAccessChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index c49fbbc..d10e320 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -309,26 +309,29 @@
 export default {
   name: 'CaseDetail',
   components: { ArcGisMap },
-  props: {
-    id: {
-      type: String,
-      default: ''
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    showProcess: {
-      type: Boolean,
-      default: true
-    },
-    showNeedVisit: {
-      type: Boolean,
-      default: false
-    }
-  },
+  // props: {
+  //   id: {
+  //     type: String,
+  //     default: ''
+  //   },
+  //   row: {
+  //     type: Object,
+  //     default: null
+  //   },
+  //   showProcess: {
+  //     type: Boolean,
+  //     default: true
+  //   },
+  //   showNeedVisit: {
+  //     type: Boolean,
+  //     default: false
+  //   }
+  // },
   data() {
     return {
+      id: '',
+      showProcess: true,
+      showNeedVisit: false,
       caseDetail: {},
       operationKey: '', // 案件处理按钮key
       fileIdVerify: [], // 核实照片id
@@ -357,12 +360,16 @@
     }
   },
   mounted() {
+    console.log('case dtial')
+    this.id = this.$route.query.id
+    this.showProcess = (this.$route.query.showProcess || this.$route.query.showProcess === false) ? this.$route.query.showProcess : true
+    this.showNeedVisit = this.$route.query.showNeedVisit ? this.$route.query.showNeedVisit : false
     this.initData()
   },
   methods: {
     async initData() {
       // 查询案件详情接口
-      const resDetail = await getCaseDetail(this.row.id)
+      const resDetail = await getCaseDetail(this.id)
       console.log('detail', resDetail)
       this.caseDetail = resDetail.data[0]
 
@@ -541,7 +548,7 @@
       console.log('buildForm', this.operationKey)
       // 通用参数
       // processId,remarks已有
-      this.processForm.bizId = this.row.id
+      this.processForm.bizId = this.id
       this.processForm.currState = this.caseDetail.caseState
       if (!this.operationKey) {
         this.$message.error('请选择案卷处理操作类型')
@@ -645,7 +652,9 @@
         completeCaseTask(this.processForm).then(response => {
           if (response.code === 200) {
             this.$message.success('提交成功')
-            this.$emit('submitProcess', this.caseDetail.caseid)
+            // this.$emit('submitProcess', this.caseDetail.caseid)
+            this.showProcess = false
+            this.initData()
           } else {
             this.$message.error('提交失败')
           }
diff --git a/src/router/index.js b/src/router/index.js
index edd798a..b265a48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@
 import Layout from '../views/layout/Layout'
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
-import { bmsRouters } from './modules/bms'
+import { commenetRouters } from './modules/comment'
 import { commonRouters } from './modules/common'
 
 /**
@@ -90,7 +90,7 @@
 export const asyncRouterMap = [
   ...commonRouters,
   ...cooRouters,
-  ...bmsRouters,
   ...systemRouters,
+  ...commenetRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/bms.js b/src/router/modules/bms.js
deleted file mode 100644
index cfa69f1..0000000
--- a/src/router/modules/bms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Layout */
-import Layout from '../../views/layout/Layout'
-export const bmsRouters = [
-  {
-    path: 'busAdmin',
-    component: Layout,
-    name: 'BusAdmin',
-    redirect: '/timeLimit',
-    alwaysShow: true,
-    meta: {
-      title: '业务管理',
-      icon: 'icon-setting', // 图标
-      permission: ['/busAdmin']// 权限名称
-    },
-    children: [
-      {
-        path: '/timeLimit',
-        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
-        name: 'TimeLimit',
-        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
-      },
-      {
-        path: '/caseList',
-        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
-        name: 'CaseList',
-        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
-      },
-      {
-        path: '/dictList',
-        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
-        name: 'DictList',
-        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
-      },
-      {
-        path: '/caseType',
-        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
-        name: 'CaseType',
-        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
-      },
-      {
-        path: '/areaAdmin',
-        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
-        name: 'AreaAdmin',
-        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
-      }
-    ]
-  }
-]
diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
new file mode 100644
index 0000000..c3c10ac
--- /dev/null
+++ b/src/router/modules/comment.js
@@ -0,0 +1,35 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commenetRouters = [
+  {
+    path: '/comment',
+    name: 'comment',
+    redirect: '/accessDept',
+    hidden: true,
+    meta: {
+      title: '综合评价子系统',
+      permission: ['/comment'],
+      isSys: true
+    }
+  },
+  {
+    path: '/accessDept',
+    component: Layout,
+    redirect: '/accessFuncDept',
+    name: 'AccessDept',
+    alwaysShow: true,
+    meta: {
+      title: '部门考核',
+      permission: ['/accessDept'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/accessFuncDept',
+        component: () => import('@/views/deptAccess/deptAccess'),
+        name: 'AccessFuncDept',
+        meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 814027b..02b5f7b 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -24,6 +24,13 @@
         component: () => import('@/views/caseCommon/caseDetailSupervise'),
         hidden: true,
         meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      },
+      {
+        path: '/caseDetaliProcess',
+        name: 'CaseDetailProcess',
+        component: () => import('@/components/CaseCommon/caseDetail'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 5504ce9..7198b1b 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -4,7 +4,7 @@
   {
     path: '/sys',
     name: 'sys',
-    redirect: '/system',
+    redirect: '/busAdmin',
     hidden: true,
     meta: {
       title: '应用维护子系统',
@@ -13,6 +13,51 @@
     }
   },
   {
+    path: '/busAdmin',
+    component: Layout,
+    name: 'BusAdmin',
+    redirect: '/timeLimit',
+    alwaysShow: true,
+    meta: {
+      title: '业务管理',
+      icon: 'icon-setting', // 图标
+      permission: ['/busAdmin'], // 权限名称
+      sys: '/sys'
+    },
+    children: [
+      {
+        path: '/timeLimit',
+        component: () => import('@/views/busAdmin/TimeLimit/listTimeLimit.vue'),
+        name: 'TimeLimit',
+        meta: { title: '阶段时限', icon: '', permission: ['/timeLimit'] }
+      },
+      {
+        path: '/caseList',
+        component: () => import('@/views/busAdmin/CaseQuery/caseList.vue'),
+        name: 'CaseList',
+        meta: { title: '综合查询', icon: '', permission: ['/caseList'] }
+      },
+      {
+        path: '/dictList',
+        component: () => import('@/views/busAdmin/DictAdmin/dictList.vue'),
+        name: 'DictList',
+        meta: { title: '字典管理', icon: '', permission: ['/dictList'] }
+      },
+      {
+        path: '/caseType',
+        component: () => import('@/views/busAdmin/caseType/listCaseType.vue'),
+        name: 'CaseType',
+        meta: { title: '事部件管理', icon: '', permission: ['/caseType'] }
+      },
+      {
+        path: '/areaAdmin',
+        component: () => import('@/views/busAdmin/areaAdmin/areaAdminList.vue'),
+        name: 'AreaAdmin',
+        meta: { title: '区域管理', icon: '', permission: ['/areaAdmin'] }
+      }
+    ]
+  },
+  {
     path: '/system',
     component: Layout,
     redirect: '/resource',
diff --git a/src/views/busAdmin/TimeLimit/listTimeLimit.vue b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
index 27fdb68..d395884 100644
--- a/src/views/busAdmin/TimeLimit/listTimeLimit.vue
+++ b/src/views/busAdmin/TimeLimit/listTimeLimit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="table-container">
     <div>
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
@@ -9,17 +9,19 @@
           <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
         </el-col>
       </el-row>
-      <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
-        <el-table-column align="center" prop="description" label="案卷状态"/>
-        <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
-        <el-table-column label="操作" align="center" width="240">
-          <template slot-scope="scope">
-            <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-row>
+        <el-table v-loading="listLoading" :data="stateLimitList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+          <el-table-column align="center" type="selection" width="50"/>
+          <el-table-column :index="indexMethod" align="center" type="index" />
+          <el-table-column align="center" prop="description" label="案卷状态"/>
+          <el-table-column align="center" prop="attribute" label="限制时间(未设置默认120分钟)"/>
+          <el-table-column label="操作" align="center" width="240">
+            <template slot-scope="scope">
+              <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-row>
     </div>
     <div class="pagination-container">
       <el-pagination
@@ -151,6 +153,10 @@
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   $tableTitleHeight:46px;
+  .table-container{
+    margin: 20px;
+    // margin-top: 50px;
+  }
   .table{
     margin-bottom: 20px;
   }
@@ -178,5 +184,6 @@
   }
   .table-button{
     padding: 10px;
+    height: 23px;
   }
 </style>
diff --git a/src/views/coorBusiness/authorizationAudit/index.vue b/src/views/coorBusiness/authorizationAudit/index.vue
index ad9b92a..9f37d53 100644
--- a/src/views/coorBusiness/authorizationAudit/index.vue
+++ b/src/views/coorBusiness/authorizationAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { authorizationAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/completed/index.vue b/src/views/coorBusiness/completed/index.vue
index e7e49c0..d3282a2 100644
--- a/src/views/coorBusiness/completed/index.vue
+++ b/src/views/coorBusiness/completed/index.vue
@@ -1,42 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="已办案卷列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @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 :id="item.index" :row="props[item.index]" :show-process="false" :show-need-visit="true" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { completedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -75,7 +57,7 @@
       ]
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -98,56 +80,16 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false,
+          showNeedVisit: true
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/delayed/index.vue b/src/views/coorBusiness/delayed/index.vue
index fd896bf..b547b64 100644
--- a/src/views/coorBusiness/delayed/index.vue
+++ b/src/views/coorBusiness/delayed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { delayedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/deptAuthAudit/index.vue b/src/views/coorBusiness/deptAuthAudit/index.vue
index a0e7b2b..da91236 100644
--- a/src/views/coorBusiness/deptAuthAudit/index.vue
+++ b/src/views/coorBusiness/deptAuthAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门授权审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { deptAuthAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/handleAudit/index.vue b/src/views/coorBusiness/handleAudit/index.vue
index 1f13332..c927e19 100644
--- a/src/views/coorBusiness/handleAudit/index.vue
+++ b/src/views/coorBusiness/handleAudit/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="处理审核列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { handleAuditListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/postponed/index.vue b/src/views/coorBusiness/postponed/index.vue
index 513625d..6a2785d 100644
--- a/src/views/coorBusiness/postponed/index.vue
+++ b/src/views/coorBusiness/postponed/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { postponedListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preDistribute/index.vue b/src/views/coorBusiness/preDistribute/index.vue
index 675d3db..4815b12 100644
--- a/src/views/coorBusiness/preDistribute/index.vue
+++ b/src/views/coorBusiness/preDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预派发列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -52,7 +36,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/preRegister/index.vue b/src/views/coorBusiness/preRegister/index.vue
index 824c7d6..a7426dd 100644
--- a/src/views/coorBusiness/preRegister/index.vue
+++ b/src/views/coorBusiness/preRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="预立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { preRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsDelay/index.vue b/src/views/coorBusiness/secIsDelay/index.vue
index 0ec70c1..65fde2c 100644
--- a/src/views/coorBusiness/secIsDelay/index.vue
+++ b/src/views/coorBusiness/secIsDelay/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级延期待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsDelayListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,15 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/secIsPostpone/index.vue b/src/views/coorBusiness/secIsPostpone/index.vue
index 58300ff..f588467 100644
--- a/src/views/coorBusiness/secIsPostpone/index.vue
+++ b/src/views/coorBusiness/secIsPostpone/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="二级缓办待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" :show-process="false" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { secIsPostponeListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id,
+          showProcess: false
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjust/index.vue b/src/views/coorBusiness/toAdjust/index.vue
index 7e2aa25..42e6266 100644
--- a/src/views/coorBusiness/toAdjust/index.vue
+++ b/src/views/coorBusiness/toAdjust/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待调整列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toAdjustInstruction/index.vue b/src/views/coorBusiness/toAdjustInstruction/index.vue
index de2a96d..aad2a67 100644
--- a/src/views/coorBusiness/toAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -81,50 +64,7 @@
         this.editableTabsValue = tabPane.name
         this.props[tabPane.index] = row
       }
-    },
-    submitProcess(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'
-      }
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toCheck/index.vue b/src/views/coorBusiness/toCheck/index.vue
index c73d4a9..d415644 100644
--- a/src/views/coorBusiness/toCheck/index.vue
+++ b/src/views/coorBusiness/toCheck/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待核查列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toCheckListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
index 91e0067..725f2e1 100644
--- a/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
+++ b/src/views/coorBusiness/toDeptAdjustInstruction/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="部门调整批示列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toDeptAdjustInstructionListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toDistribute/index.vue b/src/views/coorBusiness/toDistribute/index.vue
index 1fe4ba3..558e686 100644
--- a/src/views/coorBusiness/toDistribute/index.vue
+++ b/src/views/coorBusiness/toDistribute/index.vue
@@ -1,33 +1,17 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
 import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
@@ -75,56 +59,14 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
 
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toFinish/index.vue b/src/views/coorBusiness/toFinish/index.vue
index 1d64605..42cca99 100644
--- a/src/views/coorBusiness/toFinish/index.vue
+++ b/src/views/coorBusiness/toFinish/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待结案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toFinishListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toHandle/index.vue b/src/views/coorBusiness/toHandle/index.vue
index 8bc66c6..77b6f1a 100644
--- a/src/views/coorBusiness/toHandle/index.vue
+++ b/src/views/coorBusiness/toHandle/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待处理列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toHandleListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/toRegister/index.vue b/src/views/coorBusiness/toRegister/index.vue
index d93ad1b..4cf1eea 100644
--- a/src/views/coorBusiness/toRegister/index.vue
+++ b/src/views/coorBusiness/toRegister/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待立案列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { toRegisterListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/coorBusiness/work/index.vue b/src/views/coorBusiness/work/index.vue
index f389932..b54c59a 100644
--- a/src/views/coorBusiness/work/index.vue
+++ b/src/views/coorBusiness/work/index.vue
@@ -1,41 +1,24 @@
 <template>
-  <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
-
-    <el-tab-pane label="待办任务列表" name="listTab">
-      <div class="block" style="padding-top:30px"/>
-      <search-form :list-query="listQuery" @searchForm="searchForm"/>
-      <case-list
-        v-loading="listLoading"
-        :case-list="caseList"
-        :total="total"
-        :list-query="listQuery"
-        @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 :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <search-form :list-query="listQuery" @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+  </div>
 </template>
 
 <script>
-import _ from 'lodash'
 import CaseList from '@/components/CaseCommon/caseList'
-import CaseDetail from '@/components/CaseCommon/caseDetail'
 import SearchForm from '@/components/CaseCommon/searchForm'
 import { workListPage } from '@/api/coorBusiness/case'
 
 export default {
   name: 'Index',
-  components: { CaseList, CaseDetail, SearchForm },
+  components: { CaseList, SearchForm },
   data() {
     return {
       props: [], // 存储列表页传递的row
@@ -52,7 +35,7 @@
       listLoading: true // 加载动画
     }
   },
-  mounted() {
+  activated() {
     this.fetchData()
   },
   methods: {
@@ -75,56 +58,13 @@
       this.fetchData()
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      }
-    },
-    submitProcess(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'
-      }
+      this.$router.push({
+        path: '/caseDetaliProcess',
+        query: {
+          id: row.id
+        }
+      })
     }
   }
-
 }
 </script>
-
-<style>
-.el-tabs__nav-scroll {
-    overflow: hidden;
-    background-color: white;
-    width: 100%;
-    position: fixed;
-    z-index: 10000;
-    border-top: 1px #e4e7ed solid;
-    border-bottom: 1px #e4e7ed solid;
-}
-</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
new file mode 100644
index 0000000..94cd5c5
--- /dev/null
+++ b/src/views/deptAccess/deptAccess.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <dept-access-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <dept-access-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+      <el-button type="text" class="rule-button">考核规则</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import DeptAccessList from './deptAccessList'
+import DeptAccessChart from './deptAccessChart'
+
+export default {
+  name: 'DeptAccess',
+  components: { DeptAccessList, DeptAccessChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          deptName: '城管监察二大队',
+          lastCarryOver: 2,
+          shouldProcess: 166
+        },
+        {
+          deptName: '渣土站',
+          lastCarryOver: 0,
+          shouldProcess: 21
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      // setTimeout(() => {
+      //   tab.$children[0].chart.resize()
+      // }, 100)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.rule-button{
+  position: absolute;
+  top: 0;
+  right: 10px;
+  /* color: red; */
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
new file mode 100644
index 0000000..f2e54c6
--- /dev/null
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="chart-container">
+    图表模式
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DeptAccessChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
new file mode 100644
index 0000000..f413be9
--- /dev/null
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -0,0 +1,51 @@
+<template>
+  <el-table ref="table" :data="list" class="table" border>
+    <el-table-column align="center" type="index" />
+    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
+      <template slot-scope="scope">
+        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: 'DeptAccessList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      tableColumns: [
+        {
+          text: '单位名称',
+          value: 'deptName',
+          type: 'text'
+        },
+        {
+          text: '上期结转数',
+          value: 'lastCarryOver',
+          type: 'button'
+        },
+        {
+          text: '本期应处置数',
+          value: 'shouldProcess',
+          type: 'button'
+        }
+      ]
+    }
+  },
+  methods: {
+    showCaseList(row, value) {
+      console.log(row, value)
+    }
+  }
+}
+</script>