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/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',