diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index dc1eb3f..cfd14e6 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -131,13 +131,24 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/> -->
-      </div>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row v-if="showProcess">
       <div class="title">案卷处理:</div>
@@ -462,7 +473,9 @@
         this.initProcess()
       }
     },
-    // 每次清空案件处理相关数据
+    /**
+     * 每次进入页面时,清空案件处理相关数据
+     */
     resetData() {
       // this.operationKey = ''
       this.processForm = {
@@ -477,8 +490,11 @@
       this.commonLanguage = ''
       this.processCompShow = ''
       this.processCompObj = {}
+      this.$refs['processForm'].resetFields()
     },
-    // 初始化案件处理单选键组
+    /**
+     * 初始化案件处理单选键组
+     */
     async initProcess() {
       const res = await nextNodes(this.caseDetail.caseState)
       this.processRadioList = res.data
@@ -567,7 +583,11 @@
       this.processCompObj.hours = hours
       this.processCompObj.minutes = minutes
     },
-    setDefaultUserId(radioConfig) { // 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+    /**
+     * 设置默认人员id
+     * 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+     */
+    setDefaultUserId(radioConfig) {
       switch (radioConfig.passBack) {
         case 'verifyPersonId': { // 原核实人员
           this.$set(this.processCompObj, 'taskUserId', this.caseDetail.verifyPersonId)
@@ -583,7 +603,9 @@
         }
       }
     },
-    // 选择案卷处理操作
+    /**
+     * 选择案卷处理操作，初始化所需组件
+     */
     async selectNextOperation() {
       console.log(this.operationKey, radioMap[this.operationKey], this.processCompObj)
       const radioConfig = radioMap[this.operationKey]
@@ -623,7 +645,7 @@
           this.$set(this.processCompObj, 'eorcList', eorcListRes.data)
           this.$set(this.processCompObj, 'eorc', this.caseDetail.eorc)
 
-          // 初始化
+          // 初始化大类、小类、立案标准、完成时限
           this.$set(this.processCompObj, 'caseTypeList', [])
           this.$set(this.processCompObj, 'caseTypeDetailList', [])
           this.$set(this.processCompObj, 'caseTypeTimeList', [])
@@ -684,7 +706,29 @@
           break
       }
     },
-    // 构建提交表单
+    /**
+     * 检查输入小时
+     */
+    checkHour(hour) {
+      if (parseInt(hour) >= 0) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 检查输入分钟
+     */
+    checkMin(min) {
+      if (parseInt(min) >= 0 && parseInt(min) < 60) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 构建提交表单
+     */
     buildForm() {
       console.log('buildForm', this.operationKey)
       // 通用参数,processId已有
@@ -793,20 +837,9 @@
       console.log(this.processForm)
       return true
     },
-    checkHour(hour) {
-      if (parseInt(hour) >= 0) {
-        return true
-      } else {
-        return false
-      }
-    },
-    checkMin(min) {
-      if (parseInt(min) >= 0 && parseInt(min) < 60) {
-        return true
-      } else {
-        return false
-      }
-    },
+    /**
+     * 提交案卷处理
+     */
     submit() {
       console.log('submit')
       this.$confirm('确定提交案件处理吗?', '提示', {
@@ -824,7 +857,7 @@
             completeCaseTask(this.processForm).then(response => {
               if (response.code === 200) {
                 this.$message.success('提交成功')
-                // this.$emit('submitProcess', this.caseDetail.caseid)
+                // 隐藏案卷处理，重新加载数据
                 this.showProcess = false
                 this.$route.query.showProcess = false
                 this.initData()
@@ -888,7 +921,11 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // width: 80%;
+    // margin-top: 20px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index dc1eb3f..cfd14e6 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -131,13 +131,24 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/> -->
-      </div>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row v-if="showProcess">
       <div class="title">案卷处理:</div>
@@ -462,7 +473,9 @@
         this.initProcess()
       }
     },
-    // 每次清空案件处理相关数据
+    /**
+     * 每次进入页面时,清空案件处理相关数据
+     */
     resetData() {
       // this.operationKey = ''
       this.processForm = {
@@ -477,8 +490,11 @@
       this.commonLanguage = ''
       this.processCompShow = ''
       this.processCompObj = {}
+      this.$refs['processForm'].resetFields()
     },
-    // 初始化案件处理单选键组
+    /**
+     * 初始化案件处理单选键组
+     */
     async initProcess() {
       const res = await nextNodes(this.caseDetail.caseState)
       this.processRadioList = res.data
@@ -567,7 +583,11 @@
       this.processCompObj.hours = hours
       this.processCompObj.minutes = minutes
     },
-    setDefaultUserId(radioConfig) { // 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+    /**
+     * 设置默认人员id
+     * 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+     */
+    setDefaultUserId(radioConfig) {
       switch (radioConfig.passBack) {
         case 'verifyPersonId': { // 原核实人员
           this.$set(this.processCompObj, 'taskUserId', this.caseDetail.verifyPersonId)
@@ -583,7 +603,9 @@
         }
       }
     },
-    // 选择案卷处理操作
+    /**
+     * 选择案卷处理操作，初始化所需组件
+     */
     async selectNextOperation() {
       console.log(this.operationKey, radioMap[this.operationKey], this.processCompObj)
       const radioConfig = radioMap[this.operationKey]
@@ -623,7 +645,7 @@
           this.$set(this.processCompObj, 'eorcList', eorcListRes.data)
           this.$set(this.processCompObj, 'eorc', this.caseDetail.eorc)
 
-          // 初始化
+          // 初始化大类、小类、立案标准、完成时限
           this.$set(this.processCompObj, 'caseTypeList', [])
           this.$set(this.processCompObj, 'caseTypeDetailList', [])
           this.$set(this.processCompObj, 'caseTypeTimeList', [])
@@ -684,7 +706,29 @@
           break
       }
     },
-    // 构建提交表单
+    /**
+     * 检查输入小时
+     */
+    checkHour(hour) {
+      if (parseInt(hour) >= 0) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 检查输入分钟
+     */
+    checkMin(min) {
+      if (parseInt(min) >= 0 && parseInt(min) < 60) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 构建提交表单
+     */
     buildForm() {
       console.log('buildForm', this.operationKey)
       // 通用参数,processId已有
@@ -793,20 +837,9 @@
       console.log(this.processForm)
       return true
     },
-    checkHour(hour) {
-      if (parseInt(hour) >= 0) {
-        return true
-      } else {
-        return false
-      }
-    },
-    checkMin(min) {
-      if (parseInt(min) >= 0 && parseInt(min) < 60) {
-        return true
-      } else {
-        return false
-      }
-    },
+    /**
+     * 提交案卷处理
+     */
     submit() {
       console.log('submit')
       this.$confirm('确定提交案件处理吗?', '提示', {
@@ -824,7 +857,7 @@
             completeCaseTask(this.processForm).then(response => {
               if (response.code === 200) {
                 this.$message.success('提交成功')
-                // this.$emit('submitProcess', this.caseDetail.caseid)
+                // 隐藏案卷处理，重新加载数据
                 this.showProcess = false
                 this.$route.query.showProcess = false
                 this.initData()
@@ -888,7 +921,11 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // width: 80%;
+    // margin-top: 20px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/components/CaseCommon/caseDetailRead.vue b/src/components/CaseCommon/caseDetailRead.vue
index 5306d11..8e33af7 100644
--- a/src/components/CaseCommon/caseDetailRead.vue
+++ b/src/components/CaseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/> -->
-      </div>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -297,6 +308,8 @@
   }
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index dc1eb3f..cfd14e6 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -131,13 +131,24 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/> -->
-      </div>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row v-if="showProcess">
       <div class="title">案卷处理:</div>
@@ -462,7 +473,9 @@
         this.initProcess()
       }
     },
-    // 每次清空案件处理相关数据
+    /**
+     * 每次进入页面时,清空案件处理相关数据
+     */
     resetData() {
       // this.operationKey = ''
       this.processForm = {
@@ -477,8 +490,11 @@
       this.commonLanguage = ''
       this.processCompShow = ''
       this.processCompObj = {}
+      this.$refs['processForm'].resetFields()
     },
-    // 初始化案件处理单选键组
+    /**
+     * 初始化案件处理单选键组
+     */
     async initProcess() {
       const res = await nextNodes(this.caseDetail.caseState)
       this.processRadioList = res.data
@@ -567,7 +583,11 @@
       this.processCompObj.hours = hours
       this.processCompObj.minutes = minutes
     },
-    setDefaultUserId(radioConfig) { // 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+    /**
+     * 设置默认人员id
+     * 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+     */
+    setDefaultUserId(radioConfig) {
       switch (radioConfig.passBack) {
         case 'verifyPersonId': { // 原核实人员
           this.$set(this.processCompObj, 'taskUserId', this.caseDetail.verifyPersonId)
@@ -583,7 +603,9 @@
         }
       }
     },
-    // 选择案卷处理操作
+    /**
+     * 选择案卷处理操作，初始化所需组件
+     */
     async selectNextOperation() {
       console.log(this.operationKey, radioMap[this.operationKey], this.processCompObj)
       const radioConfig = radioMap[this.operationKey]
@@ -623,7 +645,7 @@
           this.$set(this.processCompObj, 'eorcList', eorcListRes.data)
           this.$set(this.processCompObj, 'eorc', this.caseDetail.eorc)
 
-          // 初始化
+          // 初始化大类、小类、立案标准、完成时限
           this.$set(this.processCompObj, 'caseTypeList', [])
           this.$set(this.processCompObj, 'caseTypeDetailList', [])
           this.$set(this.processCompObj, 'caseTypeTimeList', [])
@@ -684,7 +706,29 @@
           break
       }
     },
-    // 构建提交表单
+    /**
+     * 检查输入小时
+     */
+    checkHour(hour) {
+      if (parseInt(hour) >= 0) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 检查输入分钟
+     */
+    checkMin(min) {
+      if (parseInt(min) >= 0 && parseInt(min) < 60) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 构建提交表单
+     */
     buildForm() {
       console.log('buildForm', this.operationKey)
       // 通用参数,processId已有
@@ -793,20 +837,9 @@
       console.log(this.processForm)
       return true
     },
-    checkHour(hour) {
-      if (parseInt(hour) >= 0) {
-        return true
-      } else {
-        return false
-      }
-    },
-    checkMin(min) {
-      if (parseInt(min) >= 0 && parseInt(min) < 60) {
-        return true
-      } else {
-        return false
-      }
-    },
+    /**
+     * 提交案卷处理
+     */
     submit() {
       console.log('submit')
       this.$confirm('确定提交案件处理吗?', '提示', {
@@ -824,7 +857,7 @@
             completeCaseTask(this.processForm).then(response => {
               if (response.code === 200) {
                 this.$message.success('提交成功')
-                // this.$emit('submitProcess', this.caseDetail.caseid)
+                // 隐藏案卷处理，重新加载数据
                 this.showProcess = false
                 this.$route.query.showProcess = false
                 this.initData()
@@ -888,7 +921,11 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // width: 80%;
+    // margin-top: 20px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/components/CaseCommon/caseDetailRead.vue b/src/components/CaseCommon/caseDetailRead.vue
index 5306d11..8e33af7 100644
--- a/src/components/CaseCommon/caseDetailRead.vue
+++ b/src/components/CaseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/> -->
-      </div>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -297,6 +308,8 @@
   }
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 2f4001d..54cb279 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
-        <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
+      <!-- <div class="image-container"> -->
+      <!-- <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/> -->
+      <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdCheck" :key="img" :src="imgurl+img" fit="contain" class="image"/> -->
-      </div>
+      <!-- </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -289,6 +300,8 @@
 
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 40px;
   }
   .el-image.image {
     width: 150px;

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index dc1eb3f..cfd14e6 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -131,13 +131,24 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/> -->
-      </div>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row v-if="showProcess">
       <div class="title">案卷处理:</div>
@@ -462,7 +473,9 @@
         this.initProcess()
       }
     },
-    // 每次清空案件处理相关数据
+    /**
+     * 每次进入页面时,清空案件处理相关数据
+     */
     resetData() {
       // this.operationKey = ''
       this.processForm = {
@@ -477,8 +490,11 @@
       this.commonLanguage = ''
       this.processCompShow = ''
       this.processCompObj = {}
+      this.$refs['processForm'].resetFields()
     },
-    // 初始化案件处理单选键组
+    /**
+     * 初始化案件处理单选键组
+     */
     async initProcess() {
       const res = await nextNodes(this.caseDetail.caseState)
       this.processRadioList = res.data
@@ -567,7 +583,11 @@
       this.processCompObj.hours = hours
       this.processCompObj.minutes = minutes
     },
-    setDefaultUserId(radioConfig) { // 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+    /**
+     * 设置默认人员id
+     * 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+     */
+    setDefaultUserId(radioConfig) {
       switch (radioConfig.passBack) {
         case 'verifyPersonId': { // 原核实人员
           this.$set(this.processCompObj, 'taskUserId', this.caseDetail.verifyPersonId)
@@ -583,7 +603,9 @@
         }
       }
     },
-    // 选择案卷处理操作
+    /**
+     * 选择案卷处理操作，初始化所需组件
+     */
     async selectNextOperation() {
       console.log(this.operationKey, radioMap[this.operationKey], this.processCompObj)
       const radioConfig = radioMap[this.operationKey]
@@ -623,7 +645,7 @@
           this.$set(this.processCompObj, 'eorcList', eorcListRes.data)
           this.$set(this.processCompObj, 'eorc', this.caseDetail.eorc)
 
-          // 初始化
+          // 初始化大类、小类、立案标准、完成时限
           this.$set(this.processCompObj, 'caseTypeList', [])
           this.$set(this.processCompObj, 'caseTypeDetailList', [])
           this.$set(this.processCompObj, 'caseTypeTimeList', [])
@@ -684,7 +706,29 @@
           break
       }
     },
-    // 构建提交表单
+    /**
+     * 检查输入小时
+     */
+    checkHour(hour) {
+      if (parseInt(hour) >= 0) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 检查输入分钟
+     */
+    checkMin(min) {
+      if (parseInt(min) >= 0 && parseInt(min) < 60) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 构建提交表单
+     */
     buildForm() {
       console.log('buildForm', this.operationKey)
       // 通用参数,processId已有
@@ -793,20 +837,9 @@
       console.log(this.processForm)
       return true
     },
-    checkHour(hour) {
-      if (parseInt(hour) >= 0) {
-        return true
-      } else {
-        return false
-      }
-    },
-    checkMin(min) {
-      if (parseInt(min) >= 0 && parseInt(min) < 60) {
-        return true
-      } else {
-        return false
-      }
-    },
+    /**
+     * 提交案卷处理
+     */
     submit() {
       console.log('submit')
       this.$confirm('确定提交案件处理吗?', '提示', {
@@ -824,7 +857,7 @@
             completeCaseTask(this.processForm).then(response => {
               if (response.code === 200) {
                 this.$message.success('提交成功')
-                // this.$emit('submitProcess', this.caseDetail.caseid)
+                // 隐藏案卷处理，重新加载数据
                 this.showProcess = false
                 this.$route.query.showProcess = false
                 this.initData()
@@ -888,7 +921,11 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // width: 80%;
+    // margin-top: 20px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/components/CaseCommon/caseDetailRead.vue b/src/components/CaseCommon/caseDetailRead.vue
index 5306d11..8e33af7 100644
--- a/src/components/CaseCommon/caseDetailRead.vue
+++ b/src/components/CaseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/> -->
-      </div>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -297,6 +308,8 @@
   }
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 2f4001d..54cb279 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
-        <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
+      <!-- <div class="image-container"> -->
+      <!-- <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/> -->
+      <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdCheck" :key="img" :src="imgurl+img" fit="contain" class="image"/> -->
-      </div>
+      <!-- </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -289,6 +300,8 @@
 
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 40px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 3e4d95a..879a58a 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
-        <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
+      <!-- <div class="image-container"> -->
+      <!-- <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/> -->
+      <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdCheck" :key="img" :src="imgurl+img" fit="contain" class="image"/> -->
-      </div>
+      <!-- </div> -->
+      <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>
     </el-row>
     <!--数据流转记录-->
     <el-row class="table-title">
@@ -354,7 +365,10 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // margin-left: 40px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 40px;
   }
   .el-image.image {
     width: 150px;

diff --git a/src/components/CaseCommon/caseDetail.vue b/src/components/CaseCommon/caseDetail.vue
index dc1eb3f..cfd14e6 100644
--- a/src/components/CaseCommon/caseDetail.vue
+++ b/src/components/CaseCommon/caseDetail.vue
@@ -131,13 +131,24 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/> -->
-      </div>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain" class="image"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain" class="image"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row v-if="showProcess">
       <div class="title">案卷处理:</div>
@@ -462,7 +473,9 @@
         this.initProcess()
       }
     },
-    // 每次清空案件处理相关数据
+    /**
+     * 每次进入页面时,清空案件处理相关数据
+     */
     resetData() {
       // this.operationKey = ''
       this.processForm = {
@@ -477,8 +490,11 @@
       this.commonLanguage = ''
       this.processCompShow = ''
       this.processCompObj = {}
+      this.$refs['processForm'].resetFields()
     },
-    // 初始化案件处理单选键组
+    /**
+     * 初始化案件处理单选键组
+     */
     async initProcess() {
       const res = await nextNodes(this.caseDetail.caseState)
       this.processRadioList = res.data
@@ -567,7 +583,11 @@
       this.processCompObj.hours = hours
       this.processCompObj.minutes = minutes
     },
-    setDefaultUserId(radioConfig) { // 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+    /**
+     * 设置默认人员id
+     * 注意caseDetail.verifyPersonId和userlist中的id类型要一致
+     */
+    setDefaultUserId(radioConfig) {
       switch (radioConfig.passBack) {
         case 'verifyPersonId': { // 原核实人员
           this.$set(this.processCompObj, 'taskUserId', this.caseDetail.verifyPersonId)
@@ -583,7 +603,9 @@
         }
       }
     },
-    // 选择案卷处理操作
+    /**
+     * 选择案卷处理操作，初始化所需组件
+     */
     async selectNextOperation() {
       console.log(this.operationKey, radioMap[this.operationKey], this.processCompObj)
       const radioConfig = radioMap[this.operationKey]
@@ -623,7 +645,7 @@
           this.$set(this.processCompObj, 'eorcList', eorcListRes.data)
           this.$set(this.processCompObj, 'eorc', this.caseDetail.eorc)
 
-          // 初始化
+          // 初始化大类、小类、立案标准、完成时限
           this.$set(this.processCompObj, 'caseTypeList', [])
           this.$set(this.processCompObj, 'caseTypeDetailList', [])
           this.$set(this.processCompObj, 'caseTypeTimeList', [])
@@ -684,7 +706,29 @@
           break
       }
     },
-    // 构建提交表单
+    /**
+     * 检查输入小时
+     */
+    checkHour(hour) {
+      if (parseInt(hour) >= 0) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 检查输入分钟
+     */
+    checkMin(min) {
+      if (parseInt(min) >= 0 && parseInt(min) < 60) {
+        return true
+      } else {
+        return false
+      }
+    },
+    /**
+     * 构建提交表单
+     */
     buildForm() {
       console.log('buildForm', this.operationKey)
       // 通用参数,processId已有
@@ -793,20 +837,9 @@
       console.log(this.processForm)
       return true
     },
-    checkHour(hour) {
-      if (parseInt(hour) >= 0) {
-        return true
-      } else {
-        return false
-      }
-    },
-    checkMin(min) {
-      if (parseInt(min) >= 0 && parseInt(min) < 60) {
-        return true
-      } else {
-        return false
-      }
-    },
+    /**
+     * 提交案卷处理
+     */
     submit() {
       console.log('submit')
       this.$confirm('确定提交案件处理吗?', '提示', {
@@ -824,7 +857,7 @@
             completeCaseTask(this.processForm).then(response => {
               if (response.code === 200) {
                 this.$message.success('提交成功')
-                // this.$emit('submitProcess', this.caseDetail.caseid)
+                // 隐藏案卷处理，重新加载数据
                 this.showProcess = false
                 this.$route.query.showProcess = false
                 this.initData()
@@ -888,7 +921,11 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // width: 80%;
+    // margin-top: 20px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/components/CaseCommon/caseDetailRead.vue b/src/components/CaseCommon/caseDetailRead.vue
index 5306d11..8e33af7 100644
--- a/src/components/CaseCommon/caseDetailRead.vue
+++ b/src/components/CaseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
+      <!-- <div class="image-container">
         <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
-        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/> -->
-      </div>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -297,6 +308,8 @@
   }
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
index 2f4001d..54cb279 100644
--- a/src/views/caseCommon/caseDetailRead.vue
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
-        <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
+      <!-- <div class="image-container"> -->
+      <!-- <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/> -->
+      <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdCheck" :key="img" :src="imgurl+img" fit="contain" class="image"/> -->
-      </div>
+      <!-- </div> -->
+      <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>
     </el-row>
     <el-row>
       <div class="title">数据流转记录:</div>
@@ -289,6 +300,8 @@
 
   .image-container {
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 40px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/caseCommon/caseDetailSupervise.vue b/src/views/caseCommon/caseDetailSupervise.vue
index 3e4d95a..879a58a 100644
--- a/src/views/caseCommon/caseDetailSupervise.vue
+++ b/src/views/caseCommon/caseDetailSupervise.vue
@@ -127,14 +127,25 @@
       </el-row>
     </el-form>
     <el-row v-show="showImage">
-      <div class="title">案卷图片:</div>
+      <!-- <div class="title">案卷图片:</div> -->
       <!-- 图片展示 -->
-      <div class="image-container">
-        <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/>
-        <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
+      <!-- <div class="image-container"> -->
+      <!-- <el-image v-for="(img, index) in imgList" :key="img" :src="img" :preview-src-list="imgList.slice(index,imgList.length).concat(imgList.slice(0,index))" fit="contain" class="image"/> -->
+      <!-- <el-image v-for="img in fileIdVerify" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdProcess" :key="img" :src="imgurl+img" fit="contain" class="image"/>
         <el-image v-for="img in fileIdCheck" :key="img" :src="imgurl+img" fit="contain" class="image"/> -->
-      </div>
+      <!-- </div> -->
+      <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>
     </el-row>
     <!--数据流转记录-->
     <el-row class="table-title">
@@ -354,7 +365,10 @@
     margin-bottom: 30px;
   }
   .image-container {
+    // margin-left: 40px;
     margin-left: 40px;
+    margin-right: 20px;
+    margin-bottom: 40px;
   }
   .el-image.image {
     width: 150px;
diff --git a/src/views/supervise/overtimeCase.vue b/src/views/supervise/overtimeCase.vue
index 08576ff..f1bb982 100644
--- a/src/views/supervise/overtimeCase.vue
+++ b/src/views/supervise/overtimeCase.vue
@@ -103,15 +103,3 @@
 }
 </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>