diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/deptAccess/assessDeptCaseList.vue b/src/views/deptAccess/assessDeptCaseList.vue
index bc21981..61bf596 100644
--- a/src/views/deptAccess/assessDeptCaseList.vue
+++ b/src/views/deptAccess/assessDeptCaseList.vue
@@ -102,7 +102,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/deptAccess/assessDeptCaseList.vue b/src/views/deptAccess/assessDeptCaseList.vue
index bc21981..61bf596 100644
--- a/src/views/deptAccess/assessDeptCaseList.vue
+++ b/src/views/deptAccess/assessDeptCaseList.vue
@@ -102,7 +102,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
index 36b1b7b..bfebb7f 100644
--- a/src/views/seo/seo.vue
+++ b/src/views/seo/seo.vue
@@ -115,7 +115,14 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('show detail')
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/deptAccess/assessDeptCaseList.vue b/src/views/deptAccess/assessDeptCaseList.vue
index bc21981..61bf596 100644
--- a/src/views/deptAccess/assessDeptCaseList.vue
+++ b/src/views/deptAccess/assessDeptCaseList.vue
@@ -102,7 +102,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
index 36b1b7b..bfebb7f 100644
--- a/src/views/seo/seo.vue
+++ b/src/views/seo/seo.vue
@@ -115,7 +115,14 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('show detail')
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/allCase.vue b/src/views/supervise/allCase.vue
index ae504cd..329b8c6 100644
--- a/src/views/supervise/allCase.vue
+++ b/src/views/supervise/allCase.vue
@@ -92,7 +92,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      // this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/deptAccess/assessDeptCaseList.vue b/src/views/deptAccess/assessDeptCaseList.vue
index bc21981..61bf596 100644
--- a/src/views/deptAccess/assessDeptCaseList.vue
+++ b/src/views/deptAccess/assessDeptCaseList.vue
@@ -102,7 +102,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
index 36b1b7b..bfebb7f 100644
--- a/src/views/seo/seo.vue
+++ b/src/views/seo/seo.vue
@@ -115,7 +115,14 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('show detail')
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/allCase.vue b/src/views/supervise/allCase.vue
index ae504cd..329b8c6 100644
--- a/src/views/supervise/allCase.vue
+++ b/src/views/supervise/allCase.vue
@@ -92,7 +92,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      // this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/criticalCase.vue b/src/views/supervise/criticalCase.vue
index ed0860b..7c181a9 100644
--- a/src/views/supervise/criticalCase.vue
+++ b/src/views/supervise/criticalCase.vue
@@ -92,7 +92,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      // this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index ffbc9f1..033a31d 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -951,10 +951,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 96fcc6d..aa9d7dd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -12,7 +12,7 @@
     },
     children: [
       {
-        path: '/caseDetailRead/:id(\\d+)',
+        path: '/caseDetailRead',
         name: 'CaseDetailRead',
         component: () => import('@/views/caseCommon/caseDetailRead'),
         hidden: true,
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index 3104b9d..94fd9f3 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -1,7 +1,7 @@
 <template>
   <app-container>
     <div class="main-form">
-      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="auto" size="small">
+      <el-form ref="dataForm" :model="caseForm" :label-position="labelPosition" :rules="rules" label-width="80px" size="small">
         <div class="top-block">
           <div class="form-row">
             <div class="form-item">
@@ -36,7 +36,7 @@
                 </el-select>
               </el-form-item>
             </div>
-            <div class="form-item" style="padding-left: 10px;display: flex;height: fit-content;;">
+            <div class="form-item form-item-button" style="">
               <el-button type="primary" size="small" @click="showHistoryList">历史记录</el-button>
               <el-button type="primary" size="small" @click="openMapQueryDialog">地图查询</el-button>
             </div>
@@ -798,13 +798,31 @@
     //padding: 20px;
   }
   .form-row{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .form-item{
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
     padding-right: 20px;
   }
+  .form-item-button{
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
+    padding-left: 10px;
+    height: fit-content;
+    height: 30px;
+  }
   .top-block{
     padding: 20px;
   }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
index a4b0d1d..cbc3d4a 100644
--- a/src/views/callCase/historyCaseList.vue
+++ b/src/views/callCase/historyCaseList.vue
@@ -90,9 +90,22 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('detail', row.id)
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
 </script>
 
+<style scoped>
+  .table-container {
+    border: 0 !important;
+  }
+</style>
+
diff --git a/src/views/caseCommon/assessCaseList.vue b/src/views/caseCommon/assessCaseList.vue
index 3bb00b7..5f066bc 100644
--- a/src/views/caseCommon/assessCaseList.vue
+++ b/src/views/caseCommon/assessCaseList.vue
@@ -108,7 +108,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 37075d0..85a2a53 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
 
         <div class="detail-row">
           <div class="detail-item">
@@ -246,6 +246,8 @@
     }
   },
   mounted() {
+    console.log('detail mounted')
+    console.log(this.$route.params)
     this.id = this.$route.params.id
     this.initData()
   },
@@ -293,10 +295,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 4cef72d..be89031 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="detail-block">
-      <el-form ref="caseform" class="form" size="small" label-width="auto">
+      <el-form ref="caseform" class="form" size="small" label-width="90px">
         <div class="detail-row">
           <div class="detail-item">
             <el-form-item label="案卷编号">
@@ -132,19 +132,7 @@
       </el-form>
     </div>
 
-    <!--<div v-show="showImage" class="detail-block">-->
-    <!--<el-tabs type="border-card" class="image-container">-->
-    <!--<el-tab-pane v-if="fileIdVerify.length>0" label="案卷图片">-->
-    <!--<el-image v-for="(img, index) in fileIdVerify" :key="img" :src="img" :preview-src-list="fileIdVerify.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdProcess.length>0" label="处理图片">-->
-    <!--<el-image v-for="(img, index) in fileIdProcess" :key="img" :src="img" :preview-src-list="fileIdProcess.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--<el-tab-pane v-if="fileIdCheck.length>0" label="核查图片">-->
-    <!--<el-image v-for="(img, index) in fileIdCheck" :key="img" :src="img" :preview-src-list="fileIdCheck.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>-->
-    <!--</el-tab-pane>-->
-    <!--</el-tabs>-->
-    <!--</div>-->
+
     <div v-show="hasFile" class="detail-block">
       <div class="title">案卷附件
         <span v-if="!showFile" style="cursor: pointer" @click="funShowFile()"><i class="el-icon-arrow-right"/></span>
@@ -398,10 +386,18 @@
     padding: 10px;
   }
   .detail-row {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
   }
   .detail-item {
-    display: flex;
+    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
+    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
+    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
+    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
+    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
     width: 20%;
   }
 
diff --git a/src/views/deptAccess/assessDeptCaseList.vue b/src/views/deptAccess/assessDeptCaseList.vue
index bc21981..61bf596 100644
--- a/src/views/deptAccess/assessDeptCaseList.vue
+++ b/src/views/deptAccess/assessDeptCaseList.vue
@@ -102,7 +102,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     }
   }
 }
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
index 36b1b7b..bfebb7f 100644
--- a/src/views/seo/seo.vue
+++ b/src/views/seo/seo.vue
@@ -115,7 +115,14 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailRead/' + row.id })
+      console.log('show detail')
+      // this.$router.push({ path: '/caseDetailRead/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailRead',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/allCase.vue b/src/views/supervise/allCase.vue
index ae504cd..329b8c6 100644
--- a/src/views/supervise/allCase.vue
+++ b/src/views/supervise/allCase.vue
@@ -92,7 +92,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      // this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/criticalCase.vue b/src/views/supervise/criticalCase.vue
index ed0860b..7c181a9 100644
--- a/src/views/supervise/criticalCase.vue
+++ b/src/views/supervise/criticalCase.vue
@@ -92,7 +92,13 @@
     },
     // 查看详情
     showDetail(tabPane, row) {
-      this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      // this.$router.push({ path: '/caseDetailSupervise/' + row.id })
+      this.$router.push({
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        }
+      })
     },
     // 业务提交后的刷新
     submitProcess(caseid) {
diff --git a/src/views/supervise/overtimeCase.vue b/src/views/supervise/overtimeCase.vue
index 0e5afdf..15781a4 100644
--- a/src/views/supervise/overtimeCase.vue
+++ b/src/views/supervise/overtimeCase.vue
@@ -96,8 +96,17 @@
       if (this.$route.path.indexOf('Urge') >= 0 || this.$route.path.indexOf('urge') >= 0) {
         type = 'urge'
       }
+      // this.$router.push({
+      //   path: '/caseDetailSupervise/' + row.id,
+      //   query: {
+      //     type: type
+      //   }
+      // })
       this.$router.push({
-        path: '/caseDetailSupervise/' + row.id,
+        name: 'CaseDetailSupervise',
+        params: {
+          id: row.id
+        },
         query: {
           type: type
         }