From 027f0abddeded2a5a39bbdd5933cbc84b6404859 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Mon, 4 Mar 2024 08:35:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=A1=88=E4=BB=B6=E8=BF=9B?=
 =?UTF-8?q?=E7=A8=8B=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/Common/dictcommons.js             |  22 +-
 .../api/courseofthecase/courseofthecase.js    |  44 ++
 .../courseofthecase/relation/examineagain.js  |  57 ++
 .../api/courseofthecase/relation/execute.js   |  57 ++
 .../courseofthecase/relation/firstinstance.js |  75 ++
 .../relation/settlealawsuit.js                |  21 +
 .../relation/trialofsecondinstance.js         |  57 ++
 anrui-riskcenter-ui/src/router/index.js       |  53 ++
 .../views/courseofthecase/courseofthecase.vue | 433 +++++++++++
 .../courseofthecase/courseofthecaseAdd.vue    | 708 ++++++++++++++++++
 .../courseofthecase/courseofthecaseInfo.vue   | 356 +++++++++
 .../relation/examineagain/examineagain.vue    | 426 +++++++++++
 .../examineagain/examineagainInfo.vue         | 344 +++++++++
 .../relation/execute/execute.vue              | 416 ++++++++++
 .../relation/execute/executeInfo.vue          | 248 ++++++
 .../relation/firstinstance/firstinstance.vue  | 471 ++++++++++++
 .../firstinstance/firstinstanceInfo.vue       | 371 +++++++++
 .../settlealawsuit/settlealawsuit.vue         | 104 +++
 .../settlealawsuit/settlealawsuitInfo.vue     |  84 +++
 .../trialofsecondinstance.vue                 | 426 +++++++++++
 .../trialofsecondinstanceInfo.vue             | 344 +++++++++
 21 files changed, 5116 insertions(+), 1 deletion(-)
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/courseofthecase.js
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/relation/examineagain.js
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/relation/firstinstance.js
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/relation/settlealawsuit.js
 create mode 100644 anrui-riskcenter-ui/src/api/courseofthecase/relation/trialofsecondinstance.js
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/courseofthecase.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseAdd.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstance.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstanceInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuit.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuitInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue
 create mode 100644 anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue

diff --git a/anrui-riskcenter-ui/src/api/Common/dictcommons.js b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
index 5a3ab83031..84d7f63a9e 100644
--- a/anrui-riskcenter-ui/src/api/Common/dictcommons.js
+++ b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
@@ -169,7 +169,7 @@ export function selectStaffListss() {
   })
 }
 
-// 根据分公司和账号类型获取银行账号信息
+// 根据分公司orgPath和账号类型(对公或个人，必传)获取银行账号信息
 export function listByPayment(data) {
   return request({
     url: '/fin/v1/finmanufacturerbank/listByPayment',
@@ -178,6 +178,15 @@ export function listByPayment(data) {
   })
 }
 
+// 根据用户sid、分公司orgPath、账号类型(可不传)获取本分公司下的银行账号
+export function selAccountByOrgSid(data) {
+  return request({
+    url: '/fin/v1/finmanufacturerbank/selAccountByOrgSid',
+    method: 'get',
+    params: data
+  })
+}
+
 // 根据当前登录用户的全路径查询相应部门下的所有人
 export function selAllByOrgSidPath(data) {
   return request({
@@ -208,3 +217,14 @@ export function selectExiCarConfig(data) {
     }
   })
 }
+
+// 获取集团法务部所有人员
+export function getLegalStaffS(data) {
+  return request({
+    url: '/riskcenter/v1/LoanCaseProgress/getLegalStaffS',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/courseofthecase.js b/anrui-riskcenter-ui/src/api/courseofthecase/courseofthecase.js
new file mode 100644
index 0000000000..a227fdc88d
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/courseofthecase.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  init: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getDetails',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  fetchBySid: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  saveOrUpdate: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveProgress',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  deleteBySids: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/examineagain.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/examineagain.js
new file mode 100644
index 0000000000..495e5f63d6
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/examineagain.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+export default {
+  // 再审 -- 详情初始化
+  getMoreDetails: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getMoreDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  // 再审 -- 保存法官信息
+  saveMoreJudge: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveMoreJudge',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 再审 -- 保存上诉/应诉
+  saveMoreShangSu: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveMoreShangSu',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 再审 -- 保存待开庭
+  saveMoreDaiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveMoreDaiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 再审 -- 保存已开庭
+  saveMoreYiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveMoreYiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 再审 -- 保存已判决/调解
+  saveMorePanJue: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveMorePanJue',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
new file mode 100644
index 0000000000..f39498f199
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/execute.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+export default {
+  // 执行 -- 详情初始化
+  getExecuteDetails: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getExecuteDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  // 执行 -- 保存准备执行材料
+  saveReadyInfo: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveReadyInfo',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 执行 -- 保存已执行立案
+  saveExecuteInfo: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveExecuteInfo',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 执行 -- 保存列入失信人名单
+  savePromiseInfo: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/savePromiseInfo',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 执行 -- 保存查封、冻结资产
+  saveCloseInfo: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveCloseInfo',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 执行 -- 保存终止本次执行
+  saveEndCaseInfo: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveEndCaseInfo',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/firstinstance.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/firstinstance.js
new file mode 100644
index 0000000000..4026166737
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/firstinstance.js
@@ -0,0 +1,75 @@
+import request from '@/utils/request'
+
+export default {
+  // 一审 -- 详情初始化
+  getFirstDetails: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getFirstDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  // 一审 -- 保存法官信息
+  saveFirstJudge: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstJudge',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存待立案
+  saveFirstDaiLiAn: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstDaiLiAn',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存已立案
+  saveFirstYiLiAn: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstYiLiAn',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存待开庭
+  saveFirstDaiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstDaiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存已开庭
+  saveFirstYiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstYiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存已判决/调解
+  saveFirstPanJue: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstPanJue',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 一审 -- 保存已生效
+  saveFirstShengXiao: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveFirstShengXiao',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/settlealawsuit.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/settlealawsuit.js
new file mode 100644
index 0000000000..805854fb2e
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/settlealawsuit.js
@@ -0,0 +1,21 @@
+import request from '@/utils/request'
+
+export default {
+  // 结案 -- 详情初始化
+  getEndCaseDetails: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getEndCaseDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  // 结案 -- 保存结案
+  saveJieAn: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveJieAn',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/courseofthecase/relation/trialofsecondinstance.js b/anrui-riskcenter-ui/src/api/courseofthecase/relation/trialofsecondinstance.js
new file mode 100644
index 0000000000..aa0f34be71
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/courseofthecase/relation/trialofsecondinstance.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+export default {
+  // 二审 -- 详情初始化
+  getSecondDetails: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/getSecondDetails',
+      method: 'get',
+      params: data
+    })
+  },
+  // 二审 -- 保存法官信息
+  saveSecondJudge: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveSecondJudge',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 二审 -- 保存上诉/应诉
+  saveSecondShangSu: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveSecondShangSu',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 二审 -- 保存待开庭
+  saveSecondDaiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveSecondDaiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 二审 -- 保存已开庭
+  saveSecondYiKaiTing: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveSecondYiKaiTing',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 二审 -- 保存已判决/调解
+  saveSecondPanJue: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanCaseProgress/saveSecondPanJue',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/router/index.js b/anrui-riskcenter-ui/src/router/index.js
index 347e6b0b81..59c71756c5 100644
--- a/anrui-riskcenter-ui/src/router/index.js
+++ b/anrui-riskcenter-ui/src/router/index.js
@@ -759,6 +759,38 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/courseofthecase',
+    component: Layout,
+    redirect: '/courseofthecase',
+    meta: {
+      title: '案件进程管理'
+    },
+    children: [
+      {
+        path: '/courseofthecase/courseofthecase',
+        component: () => import('@/views/courseofthecase/courseofthecase.vue'),
+        name: 'CourseOfTheCase',
+        meta: { title: '案件进程管理', noCache: true }
+      }
+    ]
+  },
+  {
+    path: '/casedelegation',
+    component: Layout,
+    redirect: '/casedelegation',
+    meta: {
+      title: '案件委托律师管理'
+    },
+    children: [
+      {
+        path: '/casedelegation/casedelegation',
+        component: () => import('@/views/casedelegation/casedelegation.vue'),
+        name: 'CaseDelegation',
+        meta: { title: '案件委托律师管理', noCache: true }
+      }
+    ]
+  },
   {
     path: '/caseappeal',
     component: Layout,
@@ -1321,6 +1353,27 @@ export const constantRoutes = [
       import('@/views/workFlow/susongFlow/caseactionYiBan.vue'),
     name: 'CaseActionYiBan'
   },
+  // 案件委托律师管理--编辑
+  {
+    path: '/weituoFlow/casedelegationEdit',
+    component: () =>
+      import('@/views/workFlow/weituoFlow/casedelegationEdit.vue'),
+    name: 'CaseDelegationEdit'
+  },
+  // 案件委托律师管理--待办
+  {
+    path: '/weituoFlow/casedelegationDaiBan',
+    component: () =>
+      import('@/views/workFlow/weituoFlow/casedelegationDaiBan.vue'),
+    name: 'CaseDelegationDaiBan'
+  },
+  // 案件委托律师管理--已办
+  {
+    path: '/weituoFlow/casedelegationYiBan',
+    component: () =>
+      import('@/views/workFlow/weituoFlow/casedelegationYiBan.vue'),
+    name: 'CaseDelegationYiBan'
+  },
   // 案件上诉管理--编辑
   {
     path: '/shangsuFlow/caseappealEdit',
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecase.vue b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecase.vue
new file mode 100644
index 0000000000..e6b56be87d
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecase.vue
@@ -0,0 +1,433 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="案件进程管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <!--Start查询列表部分-->
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请部门">
+                <el-input v-model="listQuery.params.createDept" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="创建人">
+                <el-input v-model="listQuery.params.createByName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="案件编号">
+                <el-input v-model="listQuery.params.caseNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="案件类型">
+                <el-input v-model="listQuery.params.caseType" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款合同编号">
+                <el-input v-model="listQuery.params.loanContractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方">
+                <el-input v-model="listQuery.params.bankName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款人">
+                <el-input v-model="listQuery.params.loanName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="案件当前阶段">
+                <el-input v-model="listQuery.params.caseStage" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="案件当前环节">
+                <el-input v-model="listQuery.params.caseTache" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="律师事务所">
+                <el-input v-model="listQuery.params.lawFirms" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="承办律师">
+                <el-input v-model="listQuery.params.lawer" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="是否全额诉讼">
+                <el-input v-model="listQuery.params.full" placeholder="" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <div class="listtop">
+          <div class="tit">案件列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="180px" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="useOrgName" label="分公司" align="center" width="130" />
+            <el-table-column prop="createDept" label="申请部门" align="center" width="130" />
+            <el-table-column prop="createByName" label="创建人" align="center" width="100" />
+            <el-table-column prop="createTime" label="创建日期" align="center" width="100" />
+            <el-table-column prop="companyHead" label="公司负责人" align="center" width="100" />
+            <el-table-column prop="lawsuitSubject" label="诉讼主体" align="center" width="100" />
+            <el-table-column prop="caseNo" label="案件编号" align="center" width="100" />
+            <el-table-column prop="caseType" label="案件类型" align="center" width="100" />
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="160" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="bankContractNo" label="资方合同编号" align="center" min-width="160" />
+            <el-table-column prop="customerName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="loanName" label="贷款人" align="center" min-width="100" />
+            <el-table-column prop="caseStage" label="案件当前阶段" align="center" width="100" />
+            <el-table-column prop="caseTache" label="案件当前环节" align="center" width="160" />
+            <el-table-column prop="useDays" label="当前环节用时(天)" align="center" width="170" />
+            <el-table-column prop="lawFirms" label="律师事务所" align="center" width="100" />
+            <el-table-column prop="lawer" label="承办律师" align="center" width="100" />
+            <el-table-column prop="full" label="是否全额诉讼" align="center" width="100" />
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <!--新增及修改 -->
+    <courseofthecaseAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+    <!--详情-->
+    <courseofthecaseInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
+    <!-- 案件委托律师 -->
+    <casedelegationAdd v-show="viewState == 5" ref="divCaseDelegation" @doback="resetState"/>
+    <!-- 案件上诉 -->
+    <caseappealAdd v-show="viewState == 6" ref="divCaseAppeal" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import req from '@/api/courseofthecase/courseofthecase'
+import { getButtonPermissions } from '@/api/Common/dictcommons'
+import courseofthecaseAdd from './courseofthecaseAdd'
+import courseofthecaseInfo from './courseofthecaseInfo'
+import casedelegationAdd from '../casedelegation/casedelegationAdd'
+import caseappealAdd from '../caseappeal/caseappealAdd'
+
+export default {
+  name: 'CourseOfTheCase',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    courseofthecaseAdd,
+    courseofthecaseInfo,
+    casedelegationAdd,
+    caseappealAdd
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toEntrust',
+          btnLabel: '委托律师申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toAppeal',
+          btnLabel: '上/应诉申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toExecute',
+          btnLabel: '执行立案申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toClosing',
+          btnLabel: '结案申请'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+      tableKey: 0,
+      list: [],
+      sids: [], // 用于导出的时候保存已选择的SIDs
+      FormLoading: false,
+      listLoading: false,
+      // 翻页
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          createDept: '',
+          createStartTime: '',
+          createEndTime: '',
+          useOrgName: '',
+          createByName: '',
+          loanContractNo: '',
+          companyHead: '',
+          lawsuitSubject: '',
+          bankName: '',
+          caseNo: '',
+          customerName: '',
+          loanName: '',
+          caseType: '',
+          caseStage: '',
+          caseTache: '',
+          lawFirms: '',
+          lawer: '',
+          full: '',
+          orgPath: '',
+          menuUrl: ''
+        }
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.getList()
+  },
+  mounted() {
+    getButtonPermissions({ userSid: window.sessionStorage.getItem('userSid'), url: this.$route.path, type: 0 }).then((res) => {
+      if (res.success) {
+        for (var i = 0; i < res.data.length; i++) {
+          for (var k = 0; k < this.btnList.length; k++) {
+            if (res.data[i].buttonId === this.btnList[k].btnKey) {
+              this.btnList.splice(k, 1)
+            }
+          }
+        }
+        this.$refs['btnbar'].setButtonList(this.btnList)
+      }
+    })
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        case 'toEntrust':
+          this.toEntrust()
+          break
+        case 'toAppeal':
+          this.toAppeal()
+          break
+        case 'toExecute':
+          this.toExecute()
+          break
+        case 'toClosing':
+          this.toClosing()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 信息条数 获取点击时当前的sid
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach(element => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+    // 表中序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.listQuery.params.menuUrl = this.$route.path
+      req.listPage(this.listQuery).then(response => {
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 点击重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          createDept: '',
+          createStartTime: '',
+          createEndTime: '',
+          useOrgName: '',
+          createByName: '',
+          loanContractNo: '',
+          companyHead: '',
+          lawsuitSubject: '',
+          bankName: '',
+          caseNo: '',
+          customerName: '',
+          loanName: '',
+          caseType: '',
+          caseStage: '',
+          caseTache: '',
+          lawFirms: '',
+          lawer: '',
+          full: '',
+          orgPath: '',
+          menuUrl: ''
+        }
+      }
+      this.getList()
+    },
+    toAdd() {},
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    // 删除
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.deleteBySids(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    // 委托律师申请
+    toEntrust() {
+      if (this.sids.length === 1) {
+        this.viewState = 5
+        this.$refs['divCaseDelegation'].showAdd(this.sids[0])
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' })
+      }
+    },
+    // 上/应诉申请
+    toAppeal() {
+      if (this.sids.length === 1) {
+        this.viewState = 6
+        this.$refs['divCaseAppeal'].showAdd(this.sids[0])
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' })
+      }
+    },
+    // 执行立案申请
+    toExecute() {},
+    // 结案申请
+    toClosing() {},
+    // 修改、编辑、详情返回列表页面
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseAdd.vue b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseAdd.vue
new file mode 100644
index 0000000000..51f29eba40
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseAdd.vue
@@ -0,0 +1,708 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="lookSuSong()">查看诉讼申请</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <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.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">创建部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</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-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.companyHeadSid" placeholder="请选择" clearable filterable @change="companyHeadChange">
+                  <el-option v-for="(item, index) in user_list" :key="index" :label="item.userName" :value="item.userSid"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.legalHeadSid" placeholder="请选择" clearable filterable @change="legalHeadChange">
+                  <el-option v-for="(item, index) in legalHead_list" :key="index" :label="item.name" :value="item.userSid"></el-option>
+                </el-select>
+              </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.loanContractNo }}</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.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerAddress }}</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.customerName }}</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.bankContractNo }}</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.amountAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.full }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoney }}</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.sueShows }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">起诉原因</div>
+              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.sueReason" clearable placeholder="" /></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.caseStage }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件当前环节</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseTache }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">进入当前环节日期</div>
+              <el-form-item>
+                <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+                  <span class="addinputInfo">{{ formobj.enterDate }}</span>
+                  <span>用时： {{ formobj.useDays }}天</span>
+                </div>
+              </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.sueAging }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="carKey" :data="formobj.veh" :index="index" border style="width: 100%">
+            <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>
+          <div class="title titleOne">
+            <div>担保人</div>
+            <el-button type="primary" class="btntopblueline" size="mini" @click="cautioneAdd">新增</el-button>
+          </div>
+          <el-table :key="cautionerKey" :data="formobj.guarantor" :index="index" border style="width: 100%">
+            <el-table-column fixed label="操作" width="80" align="center">
+              <template slot-scope="scope">
+                <el-button type="danger" size="small" @click="deleteCautioner(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="150">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.name" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号" align="center" width="230">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.idCardNo" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="户籍地址" align="center" min-width="300">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.registerAddress" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="现住址" align="center" min-width="300">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.currentAddress" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="联系电话" align="center" width="160">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.mobile" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title titleOne">
+            <div>诉讼相关费用</div>
+            <el-button type="primary" class="btntopblueline" size="mini" @click="lawsuitAdd">新增</el-button>
+          </div>
+          <el-table :key="lawsuitKey" :data="formobj.fees" :index="index" border style="width: 100%">
+            <el-table-column fixed label="操作" width="80" align="center">
+              <template slot-scope="scope">
+                <el-button type="danger" size="small" @click="deleteLawsuit(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="缴费项目" align="center" width="200">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.paymentItems" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="缴费时间" align="center" width="200">
+              <template slot-scope="scope">
+                <el-date-picker v-model="scope.row.paymentTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+              </template>
+            </el-table-column>
+            <el-table-column label="缴费金额" align="center" width="150">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.paymentMoney" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.remarks" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作时间" align="center" width="200">
+              <template slot-scope="scope">
+                <el-date-picker v-model="scope.row.operatingTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+              </template>
+            </el-table-column>
+            <el-table-column label="操作人" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.operatorSid" placeholder="请选择" clearable filterable @change="feesUserChange(scope.row, $event)">
+                  <el-option v-for="(item, index) in user_list" :key="index" :label="item.userName" :value="item.userSid"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="附件" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index, 'fees')">上传</el-button>
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.feesfile.length > 0" @click="handleLook(scope.row.feesfile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title titleOne">
+            <div>保全</div>
+            <el-button type="primary" class="btntopblueline" size="mini" @click="preserveAdd">新增</el-button>
+          </div>
+          <el-table :key="preserveKey" :data="formobj.preserve" :index="index" border style="width: 100%">
+            <el-table-column fixed label="操作" width="80" align="center">
+              <template slot-scope="scope">
+                <el-button type="danger" size="small" @click="deletePreserve(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="保全类型" align="center" width="200">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.preserveTypeKey" placeholder="请选择" clearable filterable @change="preserveTypeChange(scope.row, $event)">
+                  <el-option v-for="item in preserveType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="保全项目" align="center" width="200">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.preserveItems" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="保全日期" align="center" width="200">
+              <template slot-scope="scope">
+                <el-date-picker v-model="scope.row.preserveTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+              </template>
+            </el-table-column>
+            <el-table-column label="保全金额" align="center" width="150">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.preserveMoney" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="有效期至" align="center" width="200">
+              <template slot-scope="scope">
+                <el-date-picker v-model="scope.row.dateTo" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="300">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.remarks" clearable placeholder=""/>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作时间" align="center" width="200">
+              <template slot-scope="scope">
+                <el-date-picker v-model="scope.row.operatingTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="operator" label="操作人" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.operatorSid" placeholder="请选择" clearable filterable @change="preserveUserChange(scope.row, $event)">
+                  <el-option v-for="(item, index) in user_list" :key="index" :label="item.userName" :value="item.userSid"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="附件" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index, 'preserve')">上传</el-button>
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.preservefile.length > 0" @click="handleLook(scope.row.preservefile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="24">
+              <el-button type="text" size="small" @click="toFirst">一审</el-button>
+              <el-button type="text" size="small" @click="toTwo">二审</el-button>
+              <el-button type="text" size="small" @click="toThree">再审</el-button>
+              <el-button type="text" size="small" @click="toFour">执行</el-button>
+              <el-button type="text" size="small" @click="toFive">结案</el-button>
+            </el-col>
+          </el-row>
+          <div>
+            <!-- 一审模块 -->
+            <firstinstance v-show="activeName == 1" ref="divFirst"/>
+            <!-- 二审模块 -->
+            <trialofsecondinstance v-show="activeName == 2" ref="divSecond" />
+            <!-- 再审模块 -->
+            <examineagain v-show="activeName == 3" ref="divExamineagain" />
+            <!-- 执行模块 -->
+            <execute v-show="activeName == 4" ref="divExecute" />
+            <!-- 结案模块 -->
+            <settlealawsuit v-show="activeName == 5" ref="divSettlealawsuit" />
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看诉讼申请 -->
+    <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
+    <!-- 诉讼费用、保全附件上传 -->
+    <el-dialog center :visible.sync="accessoryVisible" :show-close="false">
+      <el-form class="formadd" :model="accessory">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-form-item>
+              <uploadImg ref="uploadImg" v-model="accessory.images" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+        <el-button size="small" @click="handleColse">取消</el-button>
+      </span>
+    </el-dialog>
+    <!-- 诉讼费用、保全查看 -->
+    <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>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/courseofthecase'
+import { getGressionUserList, typeValues, getLegalStaffS } from '@/api/Common/dictcommons'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import caseactionInfo from '../caseaction/caseactionInfo'
+import firstinstance from './relation/firstinstance/firstinstance'
+import trialofsecondinstance from './relation/trialofsecondinstance/trialofsecondinstance'
+import examineagain from './relation/examineagain/examineagain'
+import execute from './relation/execute/execute'
+import settlealawsuit from './relation/settlealawsuit/settlealawsuit'
+
+export default {
+  name: 'CourseOfTheCaseAdd',
+  components: {
+    uploadImg,
+    caseactionInfo,
+    firstinstance,
+    trialofsecondinstance,
+    examineagain,
+    execute,
+    settlealawsuit
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      dialogVisible: false,
+      list: [],
+      carKey: 0,
+      cautionerKey: 1,
+      lawsuitKey: 2,
+      preserveKey: 3,
+      index: 0,
+      user_list: [],
+      legalHead_list: [],
+      preserveType_list: [],
+      activeName: 0, // 一审、二审、再审、执行、结案模块切换
+      formobj: {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        sueMoney: '',
+        sueShows: '',
+        sueReason: '',
+        suSongSid: '',
+        caseStage: '',
+        useDays: '',
+        enterDate: '',
+        caseTache: '',
+        sueAging: '',
+        veh: [],
+        fees: [],
+        guarantor: [],
+        preserve: []
+      },
+      accessoryVisible: false,
+      accessory: {
+        index: '',
+        type: '',
+        images: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'preserveType' }).then((res) => {
+        if (res.success) {
+          this.preserveType_list = res.data
+        }
+      })
+      getGressionUserList({ userSid: window.sessionStorage.getItem('userSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.user_list = res.data
+        }
+      })
+      getLegalStaffS().then((res) => {
+        if (res.success) {
+          this.legalHead_list = res.data
+        }
+      })
+    },
+    showAdd(sid) {
+      this.viewTitle = '【新增】案件办理'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.init()
+    },
+    showEdit(row) {
+      this.viewTitle = '【编辑】案件办理'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.init()
+      req.fetchBySid({ sid: row.sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          // 默认获取一审模块
+          this.toFirst()
+        }
+      })
+    },
+    companyHeadChange(value) {
+      const choose = this.user_list.filter((item) => item.userSid === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.companyHead = choose[0].userName
+      } else {
+        this.formobj.companyHead = ''
+      }
+    },
+    legalHeadChange(value) {
+      const choose = this.legalHead_list.filter((item) => item.userSid === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.legalHead = choose[0].name
+      } else {
+        this.formobj.legalHead = ''
+      }
+    },
+    cautioneAdd() {
+      this.formobj.guarantor.push({
+        name: '',
+        idCardNo: '',
+        registerAddress: '',
+        currentAddress: '',
+        mobile: ''
+      })
+    },
+    deleteCautioner(index) {
+      this.formobj.guarantor.splice(index, 1)
+    },
+    // 诉讼相关费用--新增
+    lawsuitAdd() {
+      this.formobj.fees.push({
+        paymentItems: '',
+        paymentTime: '',
+        paymentMoney: '',
+        operatingTime: '',
+        operator: '',
+        operatorSid: '',
+        feesfile: []
+      })
+    },
+    feesUserChange(row, value) {
+      const choose = this.user_list.filter((item) => item.userSid === value)
+      if (choose.length > 0 && choose !== null) {
+        row.operator = choose[0].userName
+      } else {
+        row.operator = ''
+      }
+    },
+    // 诉讼相关费用--删除
+    deleteLawsuit(index) {
+      this.formobj.fees.splice(index, 1)
+    },
+    // 诉讼相关费用--附件上传
+    handleUpload(row, index, type) {
+      this.accessoryVisible = true
+      this.accessory.index = index
+      this.accessory.type = type
+      if (type === 'fees') {
+        // 诉讼相关费用列表--点击上传
+        this.accessory.images = row.feesfile
+      } else {
+        // 保全列表--点击上传
+        this.accessory.images = row.preservefile
+      }
+    },
+    // 诉讼相关费用、保全--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    // 诉讼相关费用、保全--附件上传--确定
+    handleConfirm() {
+      if (this.accessory.type === 'fees') {
+        // 诉讼相关费用列表附件信息
+        this.formobj.fees[this.accessory.index].feesfile = this.accessory.images
+      } else {
+        // 保全列表附件信息
+        this.formobj.preserve[this.accessory.index].preservefile = this.accessory.images
+      }
+      this.handleColse()
+    },
+    // 诉讼相关费用、保全--附件上传--取消
+    handleColse() {
+      this.accessoryVisible = false
+      this.accessory = {
+        index: '',
+        type: '',
+        images: []
+      }
+    },
+    preserveAdd() {
+      this.formobj.preserve.push({
+        preserveTypeKey: '',
+        preserveType: '',
+        preserveItems: '',
+        preserveTime: '',
+        preserveMoney: '',
+        dateTo: '',
+        operatingTime: '',
+        operator: '',
+        operatorSid: '',
+        preservefile: []
+      })
+    },
+    preserveTypeChange(row, value) {
+      const choose = this.preserveType_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        row.preserveType = choose[0].dictValue
+      } else {
+        row.preserveType = ''
+      }
+    },
+    preserveUserChange(row, value) {
+      const choose = this.user_list.filter((item) => item.userSid === value)
+      if (choose.length > 0 && choose !== null) {
+        row.operator = choose[0].userName
+      } else {
+        row.operator = ''
+      }
+    },
+    deletePreserve(index) {
+      this.formobj.preserve.splice(index, 1)
+    },
+    // 一审模块
+    toFirst() {
+      this.activeName = 1
+      this.$refs['divFirst'].showEdit(this.formobj.sid)
+    },
+    // 二审模块
+    toTwo() {
+      this.activeName = 2
+      this.$refs['divSecond'].showEdit(this.formobj.sid)
+    },
+    // 再审模块
+    toThree() {
+      this.activeName = 3
+      this.$refs['divExamineagain'].showEdit(this.formobj.sid)
+    },
+    toFour() {
+      this.activeName = 4
+      this.$refs['divExecute'].showEdit(this.formobj.sid)
+    },
+    toFive() {
+      this.activeName = 5
+      this.$refs['divSettlealawsuit'].showEdit(this.formobj.sid)
+    },
+    lookSuSong() {
+      if (this.formobj.suSongSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseaction'].showInfo({ sid: this.formobj.suSongSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        sueMoney: '',
+        sueShows: '',
+        sueReason: '',
+        suSongSid: '',
+        caseStage: '',
+        useDays: '',
+        enterDate: '',
+        caseTache: '',
+        sueAging: '',
+        veh: [],
+        fees: [],
+        guarantor: [],
+        preserve: []
+      }
+      this.activeName = 0
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.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/courseofthecaseInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseInfo.vue
new file mode 100644
index 0000000000..cd2681b20c
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseInfo.vue
@@ -0,0 +1,356 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="lookSuSong()">查看诉讼申请</el-button>
+          <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.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">创建部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</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-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.companyHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalHead }}</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.loanContractNo }}</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.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerAddress }}</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.customerName }}</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.bankContractNo }}</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.amountAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.full }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoney }}</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.sueShows }}</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.sueReason }}</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.caseStage }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件当前环节</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseTache }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">进入当前环节日期</div>
+              <el-form-item>
+                <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+                  <span class="addinputInfo">{{ formobj.enterDate }}</span>
+                  <span>用时： {{ formobj.useDays }}天</span>
+                </div>
+              </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.sueAging }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="carKey" :data="formobj.veh" :index="index" border style="width: 100%">
+            <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>
+          <div class="title">担保人</div>
+          <el-table :key="cautionerKey" :data="formobj.guarantor" :index="index" border style="width: 100%">
+            <el-table-column prop="name" label="姓名" align="center" />
+            <el-table-column prop="idCardNo" label="身份证号" align="center" />
+            <el-table-column prop="registerAddress" label="户籍地址" align="center" />
+            <el-table-column prop="currentAddress" label="现住址" align="center" />
+            <el-table-column prop="mobile" label="联系电话" align="center" />
+          </el-table>
+          <div class="title">诉讼相关费用</div>
+          <el-table :key="lawsuitKey" :data="formobj.fees" :index="index" border style="width: 100%">
+            <el-table-column prop="paymentItems" label="缴费项目" align="center" />
+            <el-table-column prop="paymentTime" label="缴费时间" align="center" />
+            <el-table-column prop="paymentMoney" label="缴费金额" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+            <el-table-column prop="operatingTime" label="操作时间" align="center" />
+            <el-table-column prop="operator" label="操作人" align="center" />
+            <el-table-column label="附件" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.feesfile.length > 0" @click="handleLook(scope.row.feesfile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">保全</div>
+          <el-table :key="preserveKey" :data="formobj.preserve" :index="index" border style="width: 100%">
+            <el-table-column prop="preserveType" label="保全类型" align="center" />
+            <el-table-column prop="preserveItems" label="保全项目" align="center" />
+            <el-table-column prop="preserveTime" label="保全日期" align="center" />
+            <el-table-column prop="preserveMoney" label="保全金额" align="center" />
+            <el-table-column prop="dateTo" label="有效期至" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+            <el-table-column prop="operatingTime" label="操作时间" align="center" />
+            <el-table-column prop="operator" label="操作人" align="center" />
+            <el-table-column label="附件" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.preservefile.length > 0" @click="handleLook(scope.row.preservefile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="24">
+              <el-button type="text" size="small" @click="toFirst">一审</el-button>
+              <el-button type="text" size="small" @click="toTwo">二审</el-button>
+              <el-button type="text" size="small" @click="toThree">再审</el-button>
+              <el-button type="text" size="small" @click="toFour">执行</el-button>
+              <el-button type="text" size="small" @click="toFive">结案</el-button>
+            </el-col>
+          </el-row>
+          <div>
+            <!-- 一审模块 -->
+            <firstinstanceInfo v-show="activeName == 1" ref="divFirst"/>
+            <!-- 二审模块 -->
+            <trialofsecondinstanceInfo v-show="activeName == 2" ref="divSecond" />
+            <!-- 再审模块 -->
+            <examineagainInfo v-show="activeName == 3" ref="divExamineagain" />
+            <!-- 执行模块 -->
+            <executeInfo v-show="activeName == 4" ref="divExecute" />
+            <!-- 结案模块 -->
+            <settlealawsuitInfo v-show="activeName == 5" ref="divSettlealawsuit" />
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看诉讼申请 -->
+    <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
+    <!-- 诉讼费用、保全查看 -->
+    <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>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/courseofthecase'
+import caseactionInfo from '../caseaction/caseactionInfo'
+import firstinstanceInfo from './relation/firstinstance/firstinstanceInfo'
+import trialofsecondinstanceInfo from './relation/trialofsecondinstance/trialofsecondinstanceInfo'
+import examineagainInfo from './relation/examineagain/examineagainInfo'
+import executeInfo from './relation/execute/executeInfo'
+import settlealawsuitInfo from './relation/settlealawsuit/settlealawsuitInfo'
+
+export default {
+  name: '',
+  components: {
+    caseactionInfo,
+    firstinstanceInfo,
+    trialofsecondinstanceInfo,
+    examineagainInfo,
+    executeInfo,
+    settlealawsuitInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      dialogVisible: false,
+      list: [],
+      carKey: 0,
+      cautionerKey: 1,
+      lawsuitKey: 2,
+      preserveKey: 3,
+      index: 0,
+      activeName: 0,
+      formobj: {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        sueMoney: '',
+        sueShows: '',
+        sueReason: '',
+        caseStage: '',
+        useDays: '',
+        enterDate: '',
+        caseTache: '',
+        sueAging: '',
+        veh: [],
+        fees: [],
+        guarantor: [],
+        preserve: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '案件办理详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid({ sid: row.sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.toFirst()
+        }
+      })
+    },
+    // 诉讼相关费用、保全--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    // 一审模块
+    toFirst() {
+      this.activeName = 1
+      this.$refs['divFirst'].showInfo(this.formobj.sid)
+    },
+    // 二审模块
+    toTwo() {
+      this.activeName = 2
+      this.$refs['divSecond'].showInfo(this.formobj.sid)
+    },
+    // 再审模块
+    toThree() {
+      this.activeName = 3
+      this.$refs['divExamineagain'].showInfo(this.formobj.sid)
+    },
+    toFour() {
+      this.activeName = 4
+      this.$refs['divExecute'].showInfo(this.formobj.sid)
+    },
+    toFive() {
+      this.activeName = 5
+      this.$refs['divSettlealawsuit'].showInfo(this.formobj.sid)
+    },
+    lookSuSong() {
+      if (this.formobj.suSongSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseaction'].showInfo({ sid: this.formobj.suSongSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {}
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
new file mode 100644
index 0000000000..24f76b9c44
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagain.vue
@@ -0,0 +1,426 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <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="judgeSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.court" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.courtAddress" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主审法官</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judge" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judgePhone" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院再审案号</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.caseNumber" clearable placeholder="" /></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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>上诉/应诉</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">上诉时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.shangSuInfo.appealDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" style="margin-right: 20px" @click="lookShangSu">查看上诉申请</el-button>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="shangSuSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">上诉日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.shangSuInfo.appealTime" @change="appealTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.shangSuInfo.infoTransferTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">上诉实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealNeedDays }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.shangSuInfo.appealRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.shangSuInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>待开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="daiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialNeedDays" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialPreTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.daiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="yiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.alreadyTime" @change="alreadyTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.secondTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">庭审总结</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.summary" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.yiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已判决/调解</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="yiPanJueSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictTime" @change="verdictTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictResult" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictAmount" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">领取判决/调解书日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.panJueInfo.receiveTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.panJueInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 查看上诉申请 -->
+    <caseappealInfo v-show="viewState == 2" ref="divCaseappeal" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/examineagain'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import caseappealInfo from '../../../caseappeal/caseappealInfo'
+
+export default {
+  name: 'ZaiShen',
+  components: {
+    uploadImg,
+    caseappealInfo
+  },
+  data() {
+    return {
+      viewState: 1,
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid) {
+      req.getMoreDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+        }
+      })
+    },
+    judgeSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveMoreJudge(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 上诉/应诉--上诉实际天数(上诉日期-上诉申请办结日期)
+    appealTimeChange() {
+      if (this.formobj.shangSuInfo.closeDate !== '') {
+        const appealTime = new Date(this.formobj.shangSuInfo.appealTime)
+        const closeDate = new Date(this.formobj.shangSuInfo.closeDate)
+        this.formobj.shangSuInfo.appealNeedDays = Math.floor(Math.abs(appealTime - closeDate) / (24 * 60 * 60 * 1000))
+      }
+    },
+    shangSuSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveMoreShangSu(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    daiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveMoreDaiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 计算已开庭--开庭实际天数（一次开庭日期-已立案中立案日期）
+    alreadyTimeChange(val) {
+      if (this.formobj.yiLiAnInfo.filedTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const filedTime = new Date(this.formobj.yiLiAnInfo.filedTime)
+        this.formobj.yiKaiTingInfo.actualDays = Math.floor(Math.abs(alreadyTime - filedTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveMoreYiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 计算已判决/调解 -- 出判实际天数(判决日期-已开庭中一次开庭日期)
+    verdictTimeChange() {
+      if (this.formobj.yiKaiTingInfo.alreadyTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const verdictTime = new Date(this.formobj.panJueInfo.verdictTime)
+        this.formobj.panJueInfo.verdictDays = Math.floor(Math.abs(verdictTime - alreadyTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiPanJueSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveMorePanJue(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    lookShangSu() {
+      if (this.formobj.shangSuInfo.shangSuSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseappeal'].showInfo({ sid: this.formobj.shangSuInfo.shangSuSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无上诉记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+  margin-left: 140px !important;
+  width: calc(100% - 135px);
+}
+.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/examineagain/examineagainInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
new file mode 100644
index 0000000000..c3d86aa334
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/examineagain/examineagainInfo.vue
@@ -0,0 +1,344 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="title">法官信息
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.court }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.courtAddress }}</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.judgeInfo.judge }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.judgePhone }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院再审案号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.caseNumber }}</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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>上诉/应诉</div>
+          <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <div style="margin-right: 20px">上诉时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.shangSuInfo.appealDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="lookShangSu">查看上诉申请</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">上诉日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.infoTransferTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">上诉实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealNeedDays }}</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.shangSuInfo.appealRemarks }}</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-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.shangSuInfo.file" :key="index" :src="item" :preview-src-list="formobj.shangSuInfo.file" /></el-form-item>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>待开庭</div>
+          <div>开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialNeedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialPreTime }}</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.daiKaiTingInfo.trialRemarks }}</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 formobj.daiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.daiKaiTingInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>已开庭</div>
+          <div>出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.alreadyTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.secondTime }}</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.yiKaiTingInfo.summary }}</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 formobj.yiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.yiKaiTingInfo.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">{{ formobj.panJueInfo.verdictTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictResult }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictAmount }}</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.panJueInfo.receiveTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictRemarks }}</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 formobj.panJueInfo.file" :key="index" :src="item" :preview-src-list="formobj.panJueInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 查看上诉申请 -->
+    <caseappealInfo v-show="viewState == 2" ref="divCaseappeal" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/examineagain'
+import caseappealInfo from '../../../caseappeal/caseappealInfo'
+
+export default {
+  name: 'ZaiShenInfo',
+  components: {
+    caseappealInfo
+  },
+  data() {
+    return {
+      viewState: 1,
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      req.getMoreDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+          if (this.formobj.shangSuInfo.file.length > 0) {
+            const aa = []
+            this.formobj.shangSuInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.shangSuInfo.file = aa
+          }
+          if (this.formobj.daiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.daiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.daiKaiTingInfo.file = aa
+          }
+          if (this.formobj.yiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.yiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yiKaiTingInfo.file = aa
+          }
+          if (this.formobj.panJueInfo.file.length > 0) {
+            const aa = []
+            this.formobj.panJueInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.panJueInfo.file = aa
+          }
+        }
+      })
+    },
+    lookShangSu() {
+      if (this.formobj.shangSuInfo.shangSuSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseappeal'].showInfo({ sid: this.formobj.shangSuInfo.shangSuSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无上诉记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
new file mode 100644
index 0000000000..61936c0953
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/execute.vue
@@ -0,0 +1,416 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <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>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">转执行日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.readyInfo.prepareTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.readyInfo.transferTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">负责人</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.readyInfo.header" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.readyInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已执行立案</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="YZXLASave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">执行立案日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行案件号</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeCaseNo" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行时限(天)</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeDays" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">执行立案金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeMoney" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行回款总金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeAmountAll" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行未回款金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiZhiXingInfo.executeNotAmount" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>执行法官</div>
+          <el-button type="primary" class="btntopblueline" size="mini" @click="executeMeasureAdd">新增</el-button>
+        </div>
+        <el-table :key="tableKey" :data="formobj.yiZhiXingInfo.executeMeasure" :index="index" border style="width: 100%">
+          <el-table-column fixed label="操作" width="80" align="center">
+            <template slot-scope="scope">
+              <el-button type="danger" size="small" @click="deleteExecuteMeasure(scope.$index)">删除</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column label="执行措施" align="center" width="150">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.measure" clearable placeholder=""/>
+            </template>
+          </el-table-column>
+          <el-table-column label="执行日期" align="center" width="230">
+            <template slot-scope="scope">
+              <el-date-picker v-model="scope.row.measureTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+            </template>
+          </el-table-column>
+          <el-table-column label="执行回款金额" align="center" min-width="300">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.measureMoney" clearable placeholder=""/>
+            </template>
+          </el-table-column>
+          <el-table-column label="执行说明" align="center" min-width="300">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.measureShows" clearable placeholder=""/>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作时间" align="center" width="200">
+            <template slot-scope="scope">
+              <el-date-picker v-model="scope.row.operatorTime" style="width: 90%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" />
+            </template>
+          </el-table-column>
+          <el-table-column label="操作人" align="center" width="150">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.operatorSid" placeholder="请选择" clearable filterable @change="userChange(scope.row, $event)">
+                <el-option v-for="(item, index) in user_list" :key="index" :label="item.userName" :value="item.userSid"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="附件" align="center" width="120">
+            <template slot-scope="scope">
+              <el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index)">上传</el-button>
+              <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 titleOne">
+          <div>列入失信人名单</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="LRSXRSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">列入日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.promiseInfo.promiseTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.promiseInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>查封、冻结资产</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="CFSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="16">
+            <div class="span-sty">查封内容</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.closeInfo.closePart" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">查封日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.closeInfo.closeTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.closeInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">财产处置</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.closeInfo.closeDisposal" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>终止本次执行</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="ZZBCZXSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">终止日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.endCaseInfo.endTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">终止原因</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.endCaseInfo.endReason" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.endCaseInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 执行法官附件上传 -->
+    <el-dialog center :visible.sync="accessoryVisible" :show-close="false">
+      <el-form class="formadd" :model="accessory">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-form-item>
+              <uploadImg ref="uploadImg" v-model="accessory.images" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+        <el-button size="small" @click="handleColse">取消</el-button>
+      </span>
+    </el-dialog>
+    <!-- 执行法官查看 -->
+    <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>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/execute'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import { getGressionUserList } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'ZhiXing',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      tableKey: 0,
+      index: 0,
+      user_list: [],
+      accessoryVisible: false,
+      accessory: {
+        index: '',
+        images: []
+      },
+      dialogVisible: false,
+      list: [],
+      formobj: {
+        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: {}
+    }
+  },
+  methods: {
+    init() {
+      getGressionUserList({ userSid: window.sessionStorage.getItem('userSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.user_list = res.data
+        }
+      })
+    },
+    showEdit(sid) {
+      this.init()
+      req.getExecuteDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    ZBZXSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveReadyInfo(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    YZXLASave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveExecuteInfo(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    executeMeasureAdd() {
+      this.formobj.yiZhiXingInfo.executeMeasure.push({
+        measure: '',
+        measureTime: '',
+        measureMoney: '',
+        measureShows: '',
+        operator: '',
+        operatorSid: '',
+        operatorTime: '',
+        file: []
+      })
+    },
+    deleteExecuteMeasure(index) {
+      this.formobj.yiZhiXingInfo.executeMeasure.splice(index, 1)
+    },
+    userChange(row, value) {
+      const choose = this.user_list.filter((item) => item.userSid === value)
+      if (choose.length > 0 && choose !== null) {
+        row.operator = choose[0].userName
+      } else {
+        row.operator = ''
+      }
+    },
+    // 执行法官--附件上传
+    handleUpload(row, index, type) {
+      this.accessoryVisible = true
+      this.accessory.index = index
+      this.accessory.images = row.file
+    },
+    // 执行法官--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    // 执行法官--附件上传--确定
+    handleConfirm() {
+      // 保全列表附件信息
+      this.formobj.yiZhiXingInfo.executeMeasure[this.accessory.index].file = this.accessory.images
+      this.handleColse()
+    },
+    // 执行法官--附件上传--取消
+    handleColse() {
+      this.accessoryVisible = false
+      this.accessory = {
+        index: '',
+        images: []
+      }
+    },
+    LRSXRSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.savePromiseInfo(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    CFSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveCloseInfo(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    ZZBCZXSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveEndCaseInfo(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+  margin-left: 140px !important;
+  width: calc(100% - 135px);
+}
+.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/execute/executeInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
new file mode 100644
index 0000000000..6a9cad8bce
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/execute/executeInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="title">准备执行材料</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">转执行日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.readyInfo.prepareTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.readyInfo.transferTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">负责人</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.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 formobj.readyInfo.file" :key="index" :src="item" :preview-src-list="formobj.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">{{ formobj.yiZhiXingInfo.executeTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行案件号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiZhiXingInfo.executeCaseNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行时限(天)</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.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">{{ formobj.yiZhiXingInfo.executeMoney }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行回款总金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiZhiXingInfo.executeAmountAll }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">执行未回款金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiZhiXingInfo.executeNotAmount }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">执行法官
+        </div>
+        <el-table :key="tableKey" :data="formobj.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">{{ formobj.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 formobj.promiseInfo.file" :key="index" :src="item" :preview-src-list="formobj.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">{{ formobj.closeInfo.closePart }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">查封日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.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 formobj.closeInfo.file" :key="index" :src="item" :preview-src-list="formobj.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">{{ formobj.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">{{ formobj.endCaseInfo.endTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">终止原因</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.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 formobj.endCaseInfo.file" :key="index" :src="item" :preview-src-list="formobj.endCaseInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 执行法官 -->
+    <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>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/execute'
+
+export default {
+  name: 'ZhiXingInfo',
+  data() {
+    return {
+      tableKey: 0,
+      index: 0,
+      accessoryVisible: false,
+      accessory: {
+        index: '',
+        images: []
+      },
+      dialogVisible: false,
+      list: [],
+      formobj: {
+        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: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      req.getExecuteDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = 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
+          }
+        }
+      })
+    },
+    // 执行法官--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstance.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstance.vue
new file mode 100644
index 0000000000..1e12b7d105
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstance.vue
@@ -0,0 +1,471 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <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="judgeSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.court" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.courtAddress" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主审法官</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judge" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judgePhone" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院一审案号</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.caseNumber" clearable placeholder="" /></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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>待立案</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">立案时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiLiAnInfo.pendingDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="daiLiAnSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">材料提交法院日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiLiAnInfo.submitTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">立案所需天数</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiLiAnInfo.caseNeedDays" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiLiAnInfo.pendingRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.daiLiAnInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已立案</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="yiLiAnSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">立案日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiLiAnInfo.filedTime" @change="filedTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">立案实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiLiAnInfo.filedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiLiAnInfo.filedRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.yiLiAnInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>待开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="daiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialNeedDays" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialPreTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.daiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="yiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.alreadyTime" @change="alreadyTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.secondTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">庭审总结</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.summary" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.yiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已判决/调解</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="yiPanJueSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" @change="verdictTimeChange" v-model="formobj.panJueInfo.verdictTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictResult" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictAmount" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">领取判决/调解书日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.panJueInfo.receiveTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.panJueInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已生效</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="yiShengXiaoSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">生效日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.shengXiaoInfo.effectTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.shengXiaoInfo.effectRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.shengXiaoInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/firstinstance'
+import uploadImg from '@/components/uploadFile/uploadImg'
+
+export default {
+  name: 'YiShen',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid) {
+      req.getFirstDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+        }
+      })
+    },
+    judgeSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstJudge(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    daiLiAnSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstDaiLiAn(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    yiLiAnSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstYiLiAn(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    filedTimeChange() {
+      if (this.formobj.createDate !== '') {
+        const createDate = new Date(this.formobj.createDate)
+        const filedTime = new Date(this.formobj.yiLiAnInfo.filedTime)
+        this.formobj.yiLiAnInfo.filedDays = Math.floor(Math.abs(filedTime - createDate) / (24 * 60 * 60 * 1000))
+      }
+    },
+    daiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstDaiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 计算已开庭--开庭实际天数（一次开庭日期-已立案中立案日期）
+    alreadyTimeChange(val) {
+      if (this.formobj.yiLiAnInfo.filedTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const filedTime = new Date(this.formobj.yiLiAnInfo.filedTime)
+        this.formobj.yiKaiTingInfo.actualDays = Math.floor(Math.abs(alreadyTime - filedTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstYiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    yiPanJueSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstPanJue(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    verdictTimeChange() {
+      if (this.formobj.yiKaiTingInfo.alreadyTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const verdictTime = new Date(this.formobj.panJueInfo.verdictTime)
+        this.formobj.panJueInfo.verdictDays = Math.floor(Math.abs(verdictTime - alreadyTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiShengXiaoSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveFirstShengXiao(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+  margin-left: 140px !important;
+  width: calc(100% - 135px);
+}
+.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/firstinstance/firstinstanceInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstanceInfo.vue
new file mode 100644
index 0000000000..6d6daa340c
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/firstinstance/firstinstanceInfo.vue
@@ -0,0 +1,371 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="title">法官信息
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.court }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.courtAddress }}</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.judgeInfo.judge }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.judgePhone }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院一审案号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.caseNumber }}</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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>待立案</div>
+          <div>立案时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiLiAnInfo.pendingDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">材料提交法院日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiLiAnInfo.submitTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">立案所需天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiLiAnInfo.caseNeedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiLiAnInfo.pendingRemarks }}</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 formobj.daiLiAnInfo.file" :key="index" :src="item" :preview-src-list="formobj.daiLiAnInfo.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">{{ formobj.yiLiAnInfo.filedTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">立案实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiLiAnInfo.filedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiLiAnInfo.filedRemarks }}</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 formobj.yiLiAnInfo.file" :key="index" :src="item" :preview-src-list="formobj.yiLiAnInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>待开庭</div>
+          <div>开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialNeedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialPreTime }}</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.daiKaiTingInfo.trialRemarks }}</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 formobj.daiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.daiKaiTingInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>已开庭</div>
+          <div>出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.alreadyTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.secondTime }}</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.yiKaiTingInfo.summary }}</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 formobj.yiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.yiKaiTingInfo.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">{{ formobj.panJueInfo.verdictTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictResult }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictAmount }}</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.panJueInfo.receiveTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictRemarks }}</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 formobj.panJueInfo.file" :key="index" :src="item" :preview-src-list="formobj.panJueInfo.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">{{ formobj.shengXiaoInfo.effectTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shengXiaoInfo.effectRemarks }}</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 formobj.shengXiaoInfo.file" :key="index" :src="item" :preview-src-list="formobj.shengXiaoInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/firstinstance'
+
+export default {
+  name: 'YiShenInfo',
+  data() {
+    return {
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      req.getFirstDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+          if (this.formobj.daiLiAnInfo.file.length > 0) {
+            const aa = []
+            this.formobj.daiLiAnInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.daiLiAnInfo.file = aa
+          }
+          if (this.formobj.yiLiAnInfo.file.length > 0) {
+            const aa = []
+            this.formobj.yiLiAnInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yiLiAnInfo.file = aa
+          }
+          if (this.formobj.daiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.daiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.daiKaiTingInfo.file = aa
+          }
+          if (this.formobj.yiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.yiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yiKaiTingInfo.file = aa
+          }
+          if (this.formobj.panJueInfo.file.length > 0) {
+            const aa = []
+            this.formobj.panJueInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.panJueInfo.file = aa
+          }
+          if (this.formobj.shengXiaoInfo.file.length > 0) {
+            const aa = []
+            this.formobj.shengXiaoInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.shengXiaoInfo.file = aa
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+  margin-left: 140px !important;
+  width: calc(100% - 135px);
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuit.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuit.vue
new file mode 100644
index 0000000000..3ef44ff130
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuit.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <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="JASave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">结案方式</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endType }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">结案日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">结案金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endMoney }}</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.endShows }}</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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/settlealawsuit'
+import uploadImg from '@/components/uploadFile/uploadImg'
+
+export default {
+  name: 'JieAn',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      formobj: {
+        sid: '',
+        endType: '',
+        endTime: '',
+        endMoney: '',
+        endShows: '',
+        file: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid) {
+      req.getEndCaseDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    JASave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveJieAn(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.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/settlealawsuit/settlealawsuitInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuitInfo.vue
new file mode 100644
index 0000000000..7da35bd723
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/settlealawsuit/settlealawsuitInfo.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="app-container">
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="title">结案</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">结案方式</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endType }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">结案日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">结案金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.endMoney }}</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.endShows }}</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 formobj.file" :key="index" :src="item" :preview-src-list="formobj.file" /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/settlealawsuit'
+
+export default {
+  name: 'JieAnInfo',
+  data() {
+    return {
+      formobj: {
+        sid: '',
+        endType: '',
+        endTime: '',
+        endMoney: '',
+        endShows: '',
+        file: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      req.getEndCaseDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.file.length > 0) {
+            const aa = []
+            this.formobj.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.file = aa
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</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
new file mode 100644
index 0000000000..c37c509223
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstance.vue
@@ -0,0 +1,426 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <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="judgeSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.court" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.courtAddress" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主审法官</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judge" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.judgePhone" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院二审案号</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgeInfo.caseNumber" clearable placeholder="" /></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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>上诉/应诉</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">上诉时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.shangSuInfo.appealDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" style="margin-right: 20px" @click="lookShangSu">查看上诉申请</el-button>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="shangSuSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">上诉日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.shangSuInfo.appealTime" @change="appealTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.shangSuInfo.infoTransferTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">上诉实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealNeedDays }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.shangSuInfo.appealRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.shangSuInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>待开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="daiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialNeedDays" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialPreTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.daiKaiTingInfo.trialRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.daiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已开庭</div>
+          <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
+            <div style="margin-right: 30px">出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="yiKaiTingSave">保存</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.alreadyTime" @change="alreadyTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.secondTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">庭审总结</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.yiKaiTingInfo.summary" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.yiKaiTingInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title titleOne">
+          <div>已判决/调解</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="yiPanJueSave">保存</el-button>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictTime" @change="verdictTimeChange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictResult" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictAmount" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">领取判决/调解书日期</div>
+            <el-form-item><el-date-picker class="addinputInfo addinputw" v-model="formobj.panJueInfo.receiveTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.panJueInfo.verdictRemarks" clearable placeholder="" /></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>
+              <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.panJueInfo.file" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 查看上诉申请 -->
+    <caseappealInfo v-show="viewState == 2" ref="divCaseappeal" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/trialofsecondinstance'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import caseappealInfo from '../../../caseappeal/caseappealInfo'
+
+export default {
+  name: 'ErShen',
+  components: {
+    uploadImg,
+    caseappealInfo
+  },
+  data() {
+    return {
+      viewState: 1,
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid) {
+      req.getSecondDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+        }
+      })
+    },
+    judgeSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveSecondJudge(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 上诉/应诉--上诉实际天数(上诉日期-上诉申请办结日期)
+    appealTimeChange() {
+      if (this.formobj.shangSuInfo.closeDate !== '') {
+        const appealTime = new Date(this.formobj.shangSuInfo.appealTime)
+        const closeDate = new Date(this.formobj.shangSuInfo.closeDate)
+        this.formobj.shangSuInfo.appealNeedDays = Math.floor(Math.abs(appealTime - closeDate) / (24 * 60 * 60 * 1000))
+      }
+    },
+    shangSuSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveSecondShangSu(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    daiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveSecondDaiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 计算已开庭--开庭实际天数（一次开庭日期-已立案中立案日期）
+    alreadyTimeChange(val) {
+      if (this.formobj.yiLiAnInfo.filedTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const filedTime = new Date(this.formobj.yiLiAnInfo.filedTime)
+        this.formobj.yiKaiTingInfo.actualDays = Math.floor(Math.abs(alreadyTime - filedTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiKaiTingSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveSecondYiKaiTing(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    // 计算已判决/调解 -- 出判实际天数(判决日期-已开庭中一次开庭日期)
+    verdictTimeChange() {
+      if (this.formobj.yiKaiTingInfo.alreadyTime !== '') {
+        const alreadyTime = new Date(this.formobj.yiKaiTingInfo.alreadyTime)
+        const verdictTime = new Date(this.formobj.panJueInfo.verdictTime)
+        this.formobj.panJueInfo.verdictDays = Math.floor(Math.abs(verdictTime - alreadyTime) / (24 * 60 * 60 * 1000))
+      }
+    },
+    yiPanJueSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          req.saveSecondPanJue(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+            }
+          })
+        }
+      })
+    },
+    lookShangSu() {
+      if (this.formobj.shangSuInfo.shangSuSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseappeal'].showInfo({ sid: this.formobj.shangSuInfo.shangSuSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无上诉记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+  margin-left: 140px !important;
+  width: calc(100% - 135px);
+}
+.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/trialofsecondinstance/trialofsecondinstanceInfo.vue b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue
new file mode 100644
index 0000000000..7d68a4ec98
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo.vue
@@ -0,0 +1,344 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="title">法官信息
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">主管法院</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.court }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">法院地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.courtAddress }}</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.judgeInfo.judge }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法官联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.judgePhone }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">法院二审案号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.judgeInfo.caseNumber }}</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">{{ formobj.delegateInfo.lawFirms }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">承办律师</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawer }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">律师联系电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.delegateInfo.lawerPhone }}</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 image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>上诉/应诉</div>
+          <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <div style="margin-right: 20px">上诉时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.shangSuInfo.appealDays }}</span>天</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="lookShangSu">查看上诉申请</el-button>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">上诉日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">材料递交日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.infoTransferTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">上诉实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.shangSuInfo.appealNeedDays }}</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.shangSuInfo.appealRemarks }}</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-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.shangSuInfo.file" :key="index" :src="item" :preview-src-list="formobj.shangSuInfo.file" /></el-form-item>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>待开庭</div>
+          <div>开庭时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.daiKaiTingInfo.trialDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">开庭传票日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭所需天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialNeedDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">预计开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.daiKaiTingInfo.trialPreTime }}</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.daiKaiTingInfo.trialRemarks }}</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 formobj.daiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.daiKaiTingInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>已开庭</div>
+          <div>出判时效要求： <span style="padding-left: 5px;padding-right: 5px">{{ formobj.yiKaiTingInfo.alreadyDays }}</span>天</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">一次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.alreadyTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">开庭实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.actualDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">二次开庭日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.yiKaiTingInfo.secondTime }}</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.yiKaiTingInfo.summary }}</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 formobj.yiKaiTingInfo.file" :key="index" :src="item" :preview-src-list="formobj.yiKaiTingInfo.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">{{ formobj.panJueInfo.verdictTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解结果</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictResult }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">判决/调解金额</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictAmount }}</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.panJueInfo.receiveTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">出判实际天数</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictDays }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.panJueInfo.verdictRemarks }}</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 formobj.panJueInfo.file" :key="index" :src="item" :preview-src-list="formobj.panJueInfo.file" /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 查看上诉申请 -->
+    <caseappealInfo v-show="viewState == 2" ref="divCaseappeal" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/relation/trialofsecondinstance'
+import caseappealInfo from '../../../caseappeal/caseappealInfo'
+
+export default {
+  name: 'ErShenInfo',
+  components: {
+    caseappealInfo
+  },
+  data() {
+    return {
+      viewState: 1,
+      image_list: [],
+      formobj: {
+        createDate: '',
+        daiKaiTingInfo: {
+          file: [],
+          trialDays: '',
+          trialNeedDays: '',
+          trialPreTime: '',
+          trialRemarks: '',
+          trialTime: ''
+        },
+        daiLiAnInfo: {
+          caseNeedDays: '',
+          file: [],
+          pendingDays: '',
+          pendingRemarks: '',
+          submitTime: ''
+        },
+        delegateInfo: {
+          file: [],
+          lawFirms: '',
+          lawer: '',
+          lawerPhone: '',
+          lawyerSid: ''
+        },
+        judgeInfo: {
+          caseNumber: '',
+          court: '',
+          courtAddress: '',
+          judge: '',
+          judgePhone: ''
+        },
+        panJueInfo: {
+          file: [],
+          receiveTime: '',
+          verdictAmount: '',
+          verdictDays: '',
+          verdictRemarks: '',
+          verdictResult: '',
+          verdictTime: ''
+        },
+        shangSuInfo: {
+          appealDays: '',
+          appealNeedDays: '',
+          appealRemarks: '',
+          appealTime: '',
+          closeDate: '',
+          file: [],
+          infoTransferTime: '',
+          shangSuSid: ''
+        },
+        shengXiaoInfo: {
+          effectRemarks: '',
+          effectTime: '',
+          file: []
+        },
+        sid: '',
+        yiKaiTingInfo: {
+          actualDays: '',
+          alreadyDays: '',
+          alreadyTime: '',
+          file: [],
+          secondTime: '',
+          summary: ''
+        },
+        yiLiAnInfo: {
+          file: [],
+          filedDays: '',
+          filedRemarks: '',
+          filedTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      req.getSecondDetails({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.delegateInfo.file.length > 0) {
+            const aa = []
+            this.formobj.delegateInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+          if (this.formobj.shangSuInfo.file.length > 0) {
+            const aa = []
+            this.formobj.shangSuInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.shangSuInfo.file = aa
+          }
+          if (this.formobj.daiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.daiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.daiKaiTingInfo.file = aa
+          }
+          if (this.formobj.yiKaiTingInfo.file.length > 0) {
+            const aa = []
+            this.formobj.yiKaiTingInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yiKaiTingInfo.file = aa
+          }
+          if (this.formobj.panJueInfo.file.length > 0) {
+            const aa = []
+            this.formobj.panJueInfo.file.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.panJueInfo.file = aa
+          }
+        }
+      })
+    },
+    lookShangSu() {
+      if (this.formobj.shangSuInfo.shangSuSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseappeal'].showInfo({ sid: this.formobj.shangSuInfo.shangSuSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无上诉记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0;
+}
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>