From 6383f1f7676dce57fa36d4067ccbbffa16c323c7 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Mon, 4 Mar 2024 16:06:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=A1=88=E4=BB=B6=E7=BB=93?=
 =?UTF-8?q?=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/caseclosed/caseclosedAdd.vue    |  64 +++-
 .../src/views/caseclosed/caseclosedInfo.vue   |  64 +++-
 .../workFlow/jieanFlow/caseclosedDaiBan.vue   |  62 ++-
 .../workFlow/jieanFlow/caseclosedEdit.vue     |  62 ++-
 .../workFlow/jieanFlow/caseclosedYiBan.vue    |  62 ++-
 .../jieanFlow/relation/anjianjinchengInfo.vue | 356 ++++++++++++++++++
 .../jieanFlow/relation/susongInfo.vue         | 215 +++++++++++
 7 files changed, 833 insertions(+), 52 deletions(-)
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/susongInfo.vue

diff --git a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
index 3d8b5c8819..1e83e1b544 100644
--- a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
+++ b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
@@ -115,16 +116,20 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</span></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.executeMeasure" clearable placeholder="" /></el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <div class="span-sty">执行说明</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
-            </el-col>
-          </el-row>
+          <div class="title">执行</div>
+          <el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :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.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
           <div class="title">车辆信息</div>
           <el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
             <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@@ -163,6 +168,12 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @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>
 
@@ -170,18 +181,23 @@
 import req from '@/api/caseclosed/caseclosed'
 import uploadImg from '@/components/uploadFile/uploadImg'
 import { typeValues } from '@/api/Common/dictcommons'
+import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
 
 export default {
   name: 'CaseClosedAdd',
   components: {
-    uploadImg
+    uploadImg,
+    courseofthecaseInfo
   },
   data() {
     return {
       viewTitle: '',
       viewState: 1,
       submitdisabled: false,
+      dialogVisible: false,
+      list: [],
       tableKey: 0,
+      measuresKey: 1,
       index: 0,
       closeType_list: [],
       formobj: {
@@ -189,6 +205,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -211,6 +228,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
@@ -270,6 +288,28 @@ export default {
         this.formobj.closeTypeValue = ''
       }
     },
+    // 执行--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
@@ -311,6 +351,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -333,6 +374,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
diff --git a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
index 68d7a134c2..0339ad3d5c 100644
--- a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
+++ b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
@@ -113,16 +114,20 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <div class="span-sty">执行说明</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
-            </el-col>
-          </el-row>
+          <div class="title">执行</div>
+          <el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :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.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
           <div class="title">车辆信息</div>
           <el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
             <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@@ -157,25 +162,39 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @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/caseclosed/caseclosed'
+import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
 
 export default {
   name: 'CaseClosedInfo',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
       viewState: 1,
+      dialogVisible: false,
+      list: [],
       tableKey: 0,
+      measuresKey: 1,
       index: 0,
       formobj: {
         arrearsTotal: '',
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -198,6 +217,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
@@ -235,12 +255,35 @@ export default {
         }
       })
     },
+    // 执行--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     handleReturn() {
       this.formobj = {
         arrearsTotal: '',
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -263,6 +306,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
index 603dfd5838..05bc534e5d 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button>
           <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
           <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
@@ -116,16 +117,20 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <div class="span-sty">执行说明</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
-            </el-col>
-          </el-row>
+          <div class="title">执行</div>
+          <el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :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.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
           <div class="title">车辆信息</div>
           <el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
             <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@@ -160,6 +165,8 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
     <!-- 选择待办人 的弹出框-->
     <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
       <el-form class="formadd" >
@@ -198,26 +205,38 @@
         </div>
       </el-form>
     </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/caseclosed/caseclosed'
 import { selectStaffListss } from '@/api/Common/dictcommons'
+import courseofthecaseInfo from './relation/anjianjinchengInfo'
 
 export default {
   name: 'CaseClosedDaiBan',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
       viewState: 1,
+      dialogVisible: false,
+      list: [],
       tableKey: 0,
+      measuresKey: 1,
       index: 0,
       formobj: {
         arrearsTotal: '',
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -240,6 +259,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
@@ -346,6 +366,28 @@ export default {
         }
       })
     },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 执行--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
     // 加签
     openCountersign(val) {
       this.operation = val
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
index 818d868454..e0a35afdb5 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
         </div>
@@ -114,16 +115,20 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</span></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.executeMeasure" clearable placeholder="" /></el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <div class="span-sty">执行说明</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
-            </el-col>
-          </el-row>
+          <div class="title">执行</div>
+          <el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :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.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
           <div class="title">车辆信息</div>
           <el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
             <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@@ -162,25 +167,36 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @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/caseclosed/caseclosed'
+import courseofthecaseInfo from './relation/anjianjinchengInfo'
 import uploadImg from '@/components/uploadFile/uploadImg'
 import { typeValues } from '@/api/Common/dictcommons'
 
 export default {
   name: 'CaseClosedEdit',
   components: {
-    uploadImg
+    uploadImg,
+    courseofthecaseInfo
   },
   data() {
     return {
       viewTitle: '',
       viewState: 1,
       submitdisabled: false,
+      dialogVisible: false,
+      list: [],
       tableKey: 0,
+      measuresKey: 1,
       index: 0,
       closeType_list: [],
       formobj: {
@@ -188,6 +204,7 @@ export default {
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -210,6 +227,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
@@ -266,6 +284,28 @@ export default {
         }
       })
     },
+    // 执行--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     closeTypeChange(value) {
       const choose = this.closeType_list.filter((item) => item.dictKey === value)
       if (choose !== null && choose.length > 0) {
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
index 4a997779ff..a8b246e206 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
@@ -4,6 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
+          <el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
           <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
         </div>
       </div>
@@ -113,16 +114,20 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <div class="span-sty">执行说明</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
-            </el-col>
-          </el-row>
+          <div class="title">执行</div>
+          <el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :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.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
           <div class="title">车辆信息</div>
           <el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
             <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@@ -157,25 +162,39 @@
         </el-form>
       </div>
     </div>
+    <!-- 查看案件 -->
+    <courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @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/caseclosed/caseclosed'
+import courseofthecaseInfo from './relation/anjianjinchengInfo'
 
 export default {
   name: 'CaseClosedYiBan',
+  components: {
+    courseofthecaseInfo
+  },
   data() {
     return {
       viewTitle: '',
       viewState: 1,
+      dialogVisible: false,
+      list: [],
       tableKey: 0,
+      measuresKey: 1,
       index: 0,
       formobj: {
         arrearsTotal: '',
         bankContract: '',
         bankName: '',
         billNo: '',
+        busSid: '',
         caseCreateDate: '',
         caseNo: '',
         caseType: '',
@@ -198,6 +217,7 @@ export default {
         lenderIdNo: '',
         lenderName: '',
         loanCaseCloseVehList: [],
+        loanCaseProgressExecuteMeasures: [],
         loanContract: '',
         nodeSid: '',
         nodeState: '',
@@ -270,6 +290,28 @@ export default {
         }
       })
     },
+    // 执行--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    lookCourseOfTheCase() {
+      if (this.formobj.busSid !== '') {
+        this.viewState = 2
+        this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
     /** 确认撤回任务 */
     openRevoke() {
       this.$confirm('是否确认执行撤回操作', '提示', {
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.vue
new file mode 100644
index 0000000000..22193ff6b8
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.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="">
+        <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 './susongInfo'
+import firstinstanceInfo from '../../../courseofthecase/relation/firstinstance/firstinstanceInfo'
+import trialofsecondinstanceInfo from '../../../courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo'
+import examineagainInfo from '../../../courseofthecase/relation/examineagain/examineagainInfo'
+import executeInfo from '../../../courseofthecase/relation/execute/executeInfo'
+import settlealawsuitInfo from '../../../courseofthecase/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/workFlow/jieanFlow/relation/susongInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/susongInfo.vue
new file mode 100644
index 0000000000..6b0e4b3dbd
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/susongInfo.vue
@@ -0,0 +1,215 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <div style="font-size: 16px;text-align: right">金额单位：元</div>
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <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-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.loanContractNo }}</span></el-form-item>
+            </el-col>
+            <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.customerName }}</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.bankContractNo }}</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.lawsuitSubject }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>已还与欠款情况</div>
+            <el-button size="mini" type="primary" class="btntopblueline" @click="lookFinancial">金融方案</el-button>
+          </div>
+          <el-table :key="tableKey" :data="formobj.vehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" width="120"/>
+            <el-table-column prop="vehMark" label="车牌号" align="center" width="120"/>
+            <el-table-column prop="alRepaidMoney" label="已还金额" align="center" width="140"/>
+            <el-table-column prop="currentBeMoney" label="当前逾期金额" align="center" width="160"/>
+            <el-table-column prop="unexpiredMoney" label="未到期金额" align="center" width="150"/>
+            <el-table-column prop="price" label="垫资方月还" align="center" width="150"/>
+            <el-table-column prop="bankInterest" label="垫资方逾期利息" align="center" width="160"/>
+            <el-table-column prop="wheFundOccMoney" label="资金占用费" align="center" width="150"/>
+            <el-table-column label="总期数/当前期数" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nper }}/{{ scope.row.currentPeriod }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="alRepaidMoneyConPeriod" label="已还金额换算期数" align="center" width="180"/>
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="逾期金额换算期数" align="center" width="180"/>
+            <el-table-column prop="amount" label="车辆处置金额" align="center" width="160"/>
+            <el-table-column prop="owedTotal" label="欠款小计" align="center" width="140"/>
+            <el-table-column prop="deposit" label="贷款保证金" align="center" width="150"/>
+            <el-table-column prop="repo" label="是否回购" align="center" width="180"/>
+          </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">风控进展描述</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.progress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看金融方案 -->
+    <financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState" />
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseaction/caseaction'
+import financialschemeInfo from '../../publicPage/financialschemeInfo'
+
+export default {
+  name: 'CaseActionInfo',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        userSid: '',
+        orgPath: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        customerName: '',
+        customerSid: '',
+        loanName: '',
+        loanSid: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankName: '',
+        bankContractNo: '',
+        useOrgSid: '',
+        useOrgName: '',
+        lawsuitSubject: '',
+        salesOrderSid: '',
+        applyDate: '',
+        progress: '',
+        amountAll: '',
+        vehList: []
+      },
+      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
+        }
+      })
+    },
+    lookFinancial() {
+      req.selectDetailss({ businessSid: this.formobj.salesOrderSid }).then((res) => {
+        if (res.success) {
+          this.viewState = 3
+          this.$refs['divFinancial'].showInfo(res.data, '03')
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        userSid: '',
+        orgPath: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        customerName: '',
+        customerSid: '',
+        loanName: '',
+        loanSid: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankName: '',
+        bankContractNo: '',
+        useOrgSid: '',
+        useOrgName: '',
+        lawsuitSubject: '',
+        salesOrderSid: '',
+        applyDate: '',
+        progress: '',
+        amountAll: '',
+        vehList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>