diff --git a/anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue b/anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue
index 1edf12aa44..e8cfe505a1 100644
--- a/anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue
+++ b/anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
@@ -171,17 +172,21 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
   </div>
 </template>
 
 <script>
 import req from '@/api/caseappeal/caseappeal'
 import uploadImg from '@/components/uploadFile/uploadImg'
+import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
 
 export default {
   name: 'CaseAppealAdd',
   components: {
-    uploadImg
+    uploadImg,
+    courseofthecaseInfo
   },
   data() {
     return {
@@ -197,6 +202,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseStage: '',
@@ -279,6 +285,17 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
@@ -321,6 +338,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseStage: '',
diff --git a/anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue b/anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue
index 3d761fd807..8cd0ddb69a 100644
--- a/anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue
+++ b/anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
@@ -169,14 +170,20 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
   </div>
 </template>
 
 <script>
 import req from '@/api/caseappeal/caseappeal'
+import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
 
 export default {
   name: 'CaseAppealInfo',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
@@ -189,6 +196,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseStage: '',
@@ -259,6 +267,17 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     handleReturn() {
       this.formobj = {
         appealDueDate: '',
@@ -266,6 +285,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseStage: '',
diff --git a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealDaiBan.vue
index 7dffb61203..8291fe3b59 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealDaiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealDaiBan.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button>
           <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
           <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
@@ -172,6 +173,8 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
     <!-- 选择待办人 的弹出框-->
     <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
       <el-form class="formadd" >
@@ -216,9 +219,13 @@
 <script>
 import req from '@/api/caseappeal/caseappeal'
 import { selectStaffListss } from '@/api/Common/dictcommons'
+import courseofthecaseInfo from '../jieanFlow/relation/anjianjinchengInfo'
 
 export default {
   name: 'CaseAppealDaiBan',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
@@ -231,6 +238,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseStage: '',
@@ -370,6 +378,17 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     // 加签
     openCountersign(val) {
       this.operation = val
diff --git a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealEdit.vue
index fbba81d110..9ee2784ab9 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealEdit.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealEdit.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
         </div>
@@ -170,17 +171,21 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
   </div>
 </template>
 
 <script>
 import req from '@/api/caseappeal/caseappeal'
 import uploadImg from '@/components/uploadFile/uploadImg'
+import courseofthecaseInfo from '../jieanFlow/relation/anjianjinchengInfo'
 
 export default {
   name: 'CaseAppealEdit',
   components: {
-    uploadImg
+    uploadImg,
+    courseofthecaseInfo
   },
   data() {
     return {
@@ -277,6 +282,17 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
diff --git a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealYiBan.vue
index 32d741d8e8..d3caea1c0a 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealYiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/shangsuFlow/caseappealYiBan.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
         </div>
       </div>
@@ -169,14 +170,20 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
   </div>
 </template>
 
 <script>
 import req from '@/api/caseappeal/caseappeal'
+import courseofthecaseInfo from '../jieanFlow/relation/anjianjinchengInfo'
 
 export default {
   name: 'CaseAppealYiBan',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
@@ -294,6 +301,17 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     /** 确认撤回任务 */
     openRevoke() {
       this.$confirm('是否确认执行撤回操作', '提示', {