diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
index f39498f199..2672d94f29 100644
--- a/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
@@ -53,5 +53,21 @@ export default {
       data: data,
       headers: { 'Content-Type': 'application/json' }
     })
+  },
+  // 执行 -- 历史执行记录列表
+  getExecuteList: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getExecuteList',
+      method: 'get',
+      params: data
+    })
+  },
+  // 执行 -- 历史执行记录列表 -- 查看详情
+  getHistoryExecuteDetail: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getHistoryExecuteDetail',
+      method: 'get',
+      params: data
+    })
   }
 }
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
index 24f76b9c44..d491a43440 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
@@ -207,7 +207,7 @@
 <script>
 import req from '@/api/courseofthecase/relation/examineagain'
 import uploadImg from '@/components/uploadFile/uploadImg'
-import caseappealInfo from '../../../caseappeal/caseappealInfo'
+import caseappealInfo from '../shangsuInfo/shangsuInfo'
 
 export default {
   name: 'ZaiShen',
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
index c3d86aa334..41b5de6485 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
@@ -188,7 +188,7 @@
 
 <script>
 import req from '@/api/courseofthecase/relation/examineagain'
-import caseappealInfo from '../../../caseappeal/caseappealInfo'
+import caseappealInfo from '../shangsuInfo/shangsuInfo'
 
 export default {
   name: 'ZaiShenInfo',
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
index 61936c0953..9432338c56 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
@@ -4,7 +4,10 @@
       <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
         <div class="title titleOne">
           <div>准备执行材料</div>
-          <el-button type="primary" size="mini" class="btntopblueline" @click="ZBZXSave">保存</el-button>
+          <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <el-button type="primary" size="mini" class="btntopblueline" @click="lookHistory">历史执行记录</el-button>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="ZBZXSave">保存</el-button>
+          </div>
         </div>
         <el-row>
           <el-col :span="8">
@@ -199,6 +202,155 @@
     <el-dialog :visible.sync="dialogVisible">
       <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
     </el-dialog>
+    <!-- 历史执行记录 -->
+    <el-dialog :visible.sync="historyVisible" width="70%">
+      <div v-show="tableVisible">
+        <el-form ref="form_obj" :rules="rules" class="formaddcopy02">
+          <div class="title">历史执行记录</div>
+          <el-table :key="historyKey" :data="historyList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column prop="prepareTime" label="转执行日期" align="center" width="150" />
+            <el-table-column prop="executeTime" label="执行立案日期" align="center" width="230" />
+            <el-table-column label="执行案件号" align="center" width="200">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookDetail(scope.row.recordSid)">{{ scope.row.executeCaseNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="executeMoney" label="执行立案金额" align="center" width="200" />
+            <el-table-column prop="executeAmountAll" label="执行回款总金额" align="center" width="200" />
+            <el-table-column prop="endTime" label="终止日期" align="center" width="150" />
+            <el-table-column prop="endReason" label="终止原因" align="center" min-width="300" />
+          </el-table>
+        </el-form>
+      </div>
+      <div v-show="!tableVisible">
+        <div style="text-align: right">
+          <el-button type="info" size="small" @click="handleClose()">关闭</el-button>
+        </div>
+        <el-form ref="form_obj" :model="history" :rules="rules" class="formaddcopy02">
+          <div class="title">
+            <div>准备执行材料</div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">转执行日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.prepareTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">材料递交日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.transferTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">负责人</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.header }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.readyInfo.file" :key="index" :src="item" :preview-src-list="history.readyInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">已执行立案</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">执行立案日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行案件号</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeCaseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行时限(天)</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeDays }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">执行立案金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行回款总金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeAmountAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行未回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeNotAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">执行法官
+          </div>
+          <el-table :key="tableKey" :data="history.yiZhiXingInfo.executeMeasure" :index="index" border style="width: 100%">
+            <el-table-column prop="measure" label="执行措施" align="center" width="150" />
+            <el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
+            <el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
+            <el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
+            <el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
+            <el-table-column prop="operator" label="操作人" align="center" width="150" />
+            <el-table-column label="附件" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.file.length > 0" @click="handleLook(scope.row.file)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">列入失信人名单</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">列入日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.promiseInfo.promiseTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.promiseInfo.file" :key="index" :src="item" :preview-src-list="history.promiseInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">查封、冻结资产</div>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">查封内容</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closePart }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">查封日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closeTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.closeInfo.file" :key="index" :src="item" :preview-src-list="history.closeInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">财产处置</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closeDisposal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">终止本次执行</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">终止日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">终止原因</div>
+              <el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.endCaseInfo.file" :key="index" :src="item" :preview-src-list="history.endCaseInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -260,6 +412,46 @@ export default {
           file: []
         }
       },
+      historyVisible: false,
+      tableVisible: true,
+      historyList: [],
+      historyKey: 1,
+      history: {
+        sid: '',
+        recordSid: '',
+        readyInfo: {
+          prepareTime: '',
+          transferTime: '',
+          header: '',
+          headerSid: '',
+          file: []
+        },
+        yiZhiXingInfo: {
+          executeTime: '',
+          executeCaseNo: '',
+          executeDays: '',
+          executeMoney: '',
+          executeAmountAll: '',
+          executeNotAmount: '',
+          executeJudge: '',
+          executeMeasure: []
+        },
+        closeInfo: {
+          closePart: '',
+          closeTime: '',
+          closeDisposal: '',
+          file: []
+        },
+        endCaseInfo: {
+          endTime: '',
+          endReason: '',
+          file: []
+        },
+        promiseInfo: {
+          promiseTime: '',
+          file: []
+        }
+      },
       rules: {}
     }
   },
@@ -279,6 +471,90 @@ export default {
         }
       })
     },
+    lookHistory() {
+      this.historyVisible = true
+      req.getExecuteList({ sid: this.formobj.sid }).then((resp) => {
+        if (resp.success) {
+          this.tableVisible = true
+          this.historyList = resp.data
+        }
+      })
+    },
+    lookDetail(sid) {
+      req.getHistoryExecuteDetail({ recordSid: sid }).then((resp) => {
+        if (resp.success) {
+          this.tableVisible = false
+          this.history = resp.data
+          if (this.history.readyInfo.file.length > 0) {
+            const aa = []
+            this.history.readyInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.history.readyInfo.file = aa
+          }
+          if (this.history.closeInfo.file.length > 0) {
+            const aa = []
+            this.history.closeInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.history.closeInfo.file = aa
+          }
+          if (this.history.promiseInfo.file.length > 0) {
+            const aa = []
+            this.history.promiseInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.history.promiseInfo.file = aa
+          }
+          if (this.history.endCaseInfo.file.length > 0) {
+            const aa = []
+            this.history.endCaseInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.history.endCaseInfo.file = aa
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.tableVisible = true
+      this.history = {
+        sid: '',
+        recordSid: '',
+        readyInfo: {
+          prepareTime: '',
+          transferTime: '',
+          header: '',
+          headerSid: '',
+          file: []
+        },
+        yiZhiXingInfo: {
+          executeTime: '',
+          executeCaseNo: '',
+          executeDays: '',
+          executeMoney: '',
+          executeAmountAll: '',
+          executeNotAmount: '',
+          executeJudge: '',
+          executeMeasure: []
+        },
+        closeInfo: {
+          closePart: '',
+          closeTime: '',
+          closeDisposal: '',
+          file: []
+        },
+        endCaseInfo: {
+          endTime: '',
+          endReason: '',
+          file: []
+        },
+        promiseInfo: {
+          promiseTime: '',
+          file: []
+        }
+      }
+    },
     ZBZXSave() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
index 6a9cad8bce..c298d5abd4 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
@@ -2,7 +2,10 @@
   <div class="app-container">
     <div class="">
       <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
-        <div class="title">准备执行材料</div>
+        <div class="title titleOne">
+          <div>准备执行材料</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="lookHistory">历史执行记录</el-button>
+        </div>
         <el-row>
           <el-col :span="8">
             <div class="span-sty">转执行日期</div>
@@ -126,6 +129,155 @@
     <el-dialog :visible.sync="dialogVisible">
       <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
     </el-dialog>
+    <!-- 历史执行记录 -->
+    <el-dialog :visible.sync="historyVisible" width="70%">
+      <div v-show="tableVisible">
+        <el-form ref="form_obj" :rules="rules" class="formaddcopy02">
+          <div class="title">历史执行记录</div>
+          <el-table :key="historyKey" :data="historyList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column prop="prepareTime" label="转执行日期" align="center" width="150" />
+            <el-table-column prop="executeTime" label="执行立案日期" align="center" width="230" />
+            <el-table-column label="执行案件号" align="center" width="200">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookDetail(scope.row.recordSid)">{{ scope.row.executeCaseNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="executeMoney" label="执行立案金额" align="center" width="200" />
+            <el-table-column prop="executeAmountAll" label="执行回款总金额" align="center" width="200" />
+            <el-table-column prop="endTime" label="终止日期" align="center" width="150" />
+            <el-table-column prop="endReason" label="终止原因" align="center" min-width="300" />
+          </el-table>
+        </el-form>
+      </div>
+      <div v-show="!tableVisible">
+        <div style="text-align: right">
+          <el-button type="info" size="small" @click="handleClose()">关闭</el-button>
+        </div>
+        <el-form ref="form_obj" :model="history" :rules="rules" class="formaddcopy02">
+          <div class="title">
+            <div>准备执行材料</div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">转执行日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.prepareTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">材料递交日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.transferTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">负责人</div>
+              <el-form-item><span class="addinputInfo">{{ history.readyInfo.header }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.readyInfo.file" :key="index" :src="item" :preview-src-list="history.readyInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">已执行立案</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">执行立案日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行案件号</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeCaseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行时限(天)</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeDays }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">执行立案金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行回款总金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeAmountAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行未回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeNotAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">执行法官
+          </div>
+          <el-table :key="tableKey" :data="history.yiZhiXingInfo.executeMeasure" :index="index" border style="width: 100%">
+            <el-table-column prop="measure" label="执行措施" align="center" width="150" />
+            <el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
+            <el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
+            <el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
+            <el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
+            <el-table-column prop="operator" label="操作人" align="center" width="150" />
+            <el-table-column label="附件" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.file.length > 0" @click="handleLook(scope.row.file)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">列入失信人名单</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">列入日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.promiseInfo.promiseTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.promiseInfo.file" :key="index" :src="item" :preview-src-list="history.promiseInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">查封、冻结资产</div>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">查封内容</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closePart }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">查封日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closeTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.closeInfo.file" :key="index" :src="item" :preview-src-list="history.closeInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">财产处置</div>
+              <el-form-item><span class="addinputInfo">{{ history.closeInfo.closeDisposal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">终止本次执行</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">终止日期</div>
+              <el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">终止原因</div>
+              <el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.endCaseInfo.file" :key="index" :src="item" :preview-src-list="history.endCaseInfo.file" /></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -181,6 +333,46 @@ export default {
           file: []
         }
       },
+      historyVisible: false,
+      tableVisible: true,
+      historyList: [],
+      historyKey: 1,
+      history: {
+        sid: '',
+        recordSid: '',
+        readyInfo: {
+          prepareTime: '',
+          transferTime: '',
+          header: '',
+          headerSid: '',
+          file: []
+        },
+        yiZhiXingInfo: {
+          executeTime: '',
+          executeCaseNo: '',
+          executeDays: '',
+          executeMoney: '',
+          executeAmountAll: '',
+          executeNotAmount: '',
+          executeJudge: '',
+          executeMeasure: []
+        },
+        closeInfo: {
+          closePart: '',
+          closeTime: '',
+          closeDisposal: '',
+          file: []
+        },
+        endCaseInfo: {
+          endTime: '',
+          endReason: '',
+          file: []
+        },
+        promiseInfo: {
+          promiseTime: '',
+          file: []
+        }
+      },
       rules: {}
     }
   },
@@ -220,6 +412,90 @@ export default {
         }
       })
     },
+    lookHistory() {
+      this.historyVisible = true
+      req.getExecuteList({ sid: this.formobj.sid }).then((resp) => {
+        if (resp.success) {
+          this.tableVisible = true
+          this.historyList = resp.data
+        }
+      })
+    },
+    lookDetail(sid) {
+      req.getHistoryExecuteDetail({ recordSid: sid }).then((resp) => {
+        if (resp.success) {
+          this.tableVisible = false
+          this.history = resp.data
+          if (this.formobj.readyInfo.file.length > 0) {
+            const aa = []
+            this.formobj.readyInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.readyInfo.file = aa
+          }
+          if (this.formobj.closeInfo.file.length > 0) {
+            const aa = []
+            this.formobj.closeInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.closeInfo.file = aa
+          }
+          if (this.formobj.promiseInfo.file.length > 0) {
+            const aa = []
+            this.formobj.promiseInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.promiseInfo.file = aa
+          }
+          if (this.formobj.endCaseInfo.file.length > 0) {
+            const aa = []
+            this.formobj.endCaseInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.endCaseInfo.file = aa
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.tableVisible = true
+      this.history = {
+        sid: '',
+        recordSid: '',
+        readyInfo: {
+          prepareTime: '',
+          transferTime: '',
+          header: '',
+          headerSid: '',
+          file: []
+        },
+        yiZhiXingInfo: {
+          executeTime: '',
+          executeCaseNo: '',
+          executeDays: '',
+          executeMoney: '',
+          executeAmountAll: '',
+          executeNotAmount: '',
+          executeJudge: '',
+          executeMeasure: []
+        },
+        closeInfo: {
+          closePart: '',
+          closeTime: '',
+          closeDisposal: '',
+          file: []
+        },
+        endCaseInfo: {
+          endTime: '',
+          endReason: '',
+          file: []
+        },
+        promiseInfo: {
+          promiseTime: '',
+          file: []
+        }
+      }
+    },
     // 执行法官--附件查看
     handleLook(row) {
       this.dialogVisible = true
@@ -245,4 +521,11 @@ export default {
 .addinputInfo {
   margin-left: 140px !important;
 }
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 </style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/shangsuInfo/shangsuInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/shangsuInfo/shangsuInfo.vue
new file mode 100644
index 0000000000..2c12513ba2
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/shangsuInfo/shangsuInfo.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">判决日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决结果</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">领取判决书日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.receivejudgDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">判决备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">判决资料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="tableKey" :data="formobj.loanCaseAppealVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件阶段</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseStage }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预上/应诉日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.expectDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">上诉到期日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.appealDueDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">上/应诉材料</div>
+              <el-form-item>
+                <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.ysclFiles" :key="index" :src="item" :preview-src-list="formobj.ysclFiles" /></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseappeal/caseappeal'
+
+export default {
+  name: 'ShangSuInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        appealDueDate: '',
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        busSid: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseStage: '',
+        caseType: '',
+        compHead: '',
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        expectCourt: '',
+        expectDate: '',
+        isFullLitigation: '',
+        judgDate: '',
+        judgMoney: '',
+        judgRemarks: '',
+        judgResult: '',
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseAppealVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        partProceRemarks: '',
+        pjclFiles: [],
+        priCourtRefer: '',
+        procDefId: '',
+        procInstSid: '',
+        receivejudgDate: '',
+        remarks: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        ysclFiles: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '案件上/应诉申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.pjclFiles = aa
+          }
+          if (this.formobj.ysclFiles.length > 0) {
+            const aa = []
+            this.formobj.ysclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.ysclFiles = aa
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        appealDueDate: '',
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        busSid: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseStage: '',
+        caseType: '',
+        compHead: '',
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        expectCourt: '',
+        expectDate: '',
+        isFullLitigation: '',
+        judgDate: '',
+        judgMoney: '',
+        judgRemarks: '',
+        judgResult: '',
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseAppealVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        partProceRemarks: '',
+        pjclFiles: [],
+        priCourtRefer: '',
+        procDefId: '',
+        procInstSid: '',
+        receivejudgDate: '',
+        remarks: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        ysclFiles: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue
index c37c509223..8d58d2e779 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue
@@ -207,7 +207,7 @@
 <script>
 import req from '@/api/courseofthecase/relation/trialofsecondinstance'
 import uploadImg from '@/components/uploadFile/uploadImg'
-import caseappealInfo from '../../../caseappeal/caseappealInfo'
+import caseappealInfo from '../shangsuInfo/shangsuInfo'
 
 export default {
   name: 'ErShen',
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue
index 7d68a4ec98..9f9c8e7738 100644
--- a/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue
@@ -188,7 +188,7 @@
 
 <script>
 import req from '@/api/courseofthecase/relation/trialofsecondinstance'
-import caseappealInfo from '../../../caseappeal/caseappealInfo'
+import caseappealInfo from '../shangsuInfo/shangsuInfo'
 
 export default {
   name: 'ErShenInfo',