From 11d7cb7e99bf5871e89ae6782960a13421f5f674 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Mon, 4 Mar 2024 14:29:00 +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=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/caseclosed/caseclosed.js          |   3 +-
 anrui-riskcenter-ui/src/router/index.js       |  37 ++
 .../src/views/caseclosed/caseclosed.vue       |  18 +-
 .../src/views/caseclosed/caseclosedAdd.vue    |  28 +-
 .../src/views/caseclosed/caseclosedInfo.vue   |  11 +-
 .../workFlow/jieanFlow/caseclosedDaiBan.vue   | 548 ++++++++++++++++++
 .../workFlow/jieanFlow/caseclosedEdit.vue     | 349 +++++++++++
 .../workFlow/jieanFlow/caseclosedYiBan.vue    | 334 +++++++++++
 8 files changed, 1319 insertions(+), 9 deletions(-)
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue

diff --git a/anrui-riskcenter-ui/src/api/caseclosed/caseclosed.js b/anrui-riskcenter-ui/src/api/caseclosed/caseclosed.js
index 92faa7ce1d..0305365f37 100644
--- a/anrui-riskcenter-ui/src/api/caseclosed/caseclosed.js
+++ b/anrui-riskcenter-ui/src/api/caseclosed/caseclosed.js
@@ -22,8 +22,7 @@ export default {
     return request({
       url: '/riskcenter/v1/loancasecloseapply/details',
       method: 'post',
-      data: data,
-      headers: { 'Content-Type': 'application/json' }
+      params: data
     })
   },
   fetchBySid: function(data) {
diff --git a/anrui-riskcenter-ui/src/router/index.js b/anrui-riskcenter-ui/src/router/index.js
index 59c71756c5..e78a029ddc 100644
--- a/anrui-riskcenter-ui/src/router/index.js
+++ b/anrui-riskcenter-ui/src/router/index.js
@@ -823,6 +823,22 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/caseclosed',
+    component: Layout,
+    redirect: '/caseclosed',
+    meta: {
+      title: '案件结案管理'
+    },
+    children: [
+      {
+        path: '/caseclosed/caseclosed',
+        component: () => import('@/views/caseclosed/caseclosed.vue'),
+        name: 'CaseClosed',
+        meta: { title: '案件结案管理', noCache: true }
+      }
+    ]
+  },
 
   // 流程审批
   // 金融产品政策报备--编辑
@@ -1415,6 +1431,27 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/zhixingFlow/caseexecutionYiBan.vue'),
     name: 'CaseExecutionYiBan'
+  },
+  // 案件结案管理--编辑
+  {
+    path: '/jieanFlow/caseclosedEdit',
+    component: () =>
+      import('@/views/workFlow/jieanFlow/caseclosedEdit.vue'),
+    name: 'CaseClosedEdit'
+  },
+  // 案件结案管理--待办
+  {
+    path: '/jieanFlow/caseclosedDaiBan',
+    component: () =>
+      import('@/views/workFlow/jieanFlow/caseclosedDaiBan.vue'),
+    name: 'CaseClosedDaiBan'
+  },
+  // 案件结案管理--已办
+  {
+    path: '/jieanFlow/caseclosedYiBan',
+    component: () =>
+      import('@/views/workFlow/jieanFlow/caseclosedYiBan.vue'),
+    name: 'CaseClosedYiBan'
   },
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }
diff --git a/anrui-riskcenter-ui/src/views/caseclosed/caseclosed.vue b/anrui-riskcenter-ui/src/views/caseclosed/caseclosed.vue
index 2d7c682e70..529a3093c7 100644
--- a/anrui-riskcenter-ui/src/views/caseclosed/caseclosed.vue
+++ b/anrui-riskcenter-ui/src/views/caseclosed/caseclosed.vue
@@ -38,7 +38,9 @@
                 <el-input v-model="listQuery.params.lenderName" placeholder="" clearable/>
               </el-form-item>
               <el-form-item label="结案方式">
-                <el-input v-model="listQuery.params.closeTypeValue" placeholder="" clearable/>
+                <el-select class="addinputInfo" v-model="listQuery.params.closeTypeKey" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in closeType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
               </el-form-item>
               <el-form-item label="结案日期">
                 <el-date-picker v-model="listQuery.params.closeEndDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
@@ -115,6 +117,7 @@ import req from '@/api/caseclosed/caseclosed'
 import { getStorage } from '@/utils/auth'
 import caseclosedAdd from './caseclosedAdd'
 import caseclosedInfo from './caseclosedInfo'
+import { typeValues } from '@/api/Common/dictcommons'
 
 export default {
   name: 'CaseClosed',
@@ -153,6 +156,7 @@ export default {
       tableKey: 0,
       list: [],
       sids: [], // 用于导出的时候保存已选择的SIDs
+      closeType_list: [],
       FormLoading: false,
       listLoading: false,
       // 翻页
@@ -163,7 +167,7 @@ export default {
         params: {
           closeEndDate: '',
           closeStartDate: '',
-          closeTypeValue: '',
+          closeTypeKey: '',
           createByName: '',
           createEndTime: '',
           createStartTime: '',
@@ -185,6 +189,7 @@ export default {
   created() {
     // 初始化变量
     this.getList()
+    this.init()
   },
   mounted() {
     // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
@@ -220,6 +225,13 @@ export default {
       }
       this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
     },
+    init() {
+      typeValues({ type: 'closeType' }).then((resp) => {
+        if (resp.success) {
+          this.closeType_list = resp.data
+        }
+      })
+    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
@@ -287,7 +299,7 @@ export default {
         params: {
           closeEndDate: '',
           closeStartDate: '',
-          closeTypeValue: '',
+          closeTypeKey: '',
           createByName: '',
           createEndTime: '',
           createStartTime: '',
diff --git a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
index 48cb3623ff..3d8b5c8819 100644
--- a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
+++ b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
@@ -126,7 +126,7 @@
             </el-col>
           </el-row>
           <div class="title">车辆信息</div>
-          <el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%">
+          <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"/>
             <el-table-column prop="vinNo" label="车架号" align="center" />
             <el-table-column prop="carNum" label="车牌号" align="center" />
@@ -137,7 +137,11 @@
           <el-row>
             <el-col :span="8">
               <div class="span-sty">结案方式</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.closeTypeKey }}</span></el-form-item>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.closeTypeKey" placeholder="请选择" @change="closeTypeChange" clearable filterable>
+                  <el-option v-for="item in closeType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
             </el-col>
             <el-col :span="8">
               <div class="span-sty">结案日期</div>
@@ -165,6 +169,7 @@
 <script>
 import req from '@/api/caseclosed/caseclosed'
 import uploadImg from '@/components/uploadFile/uploadImg'
+import { typeValues } from '@/api/Common/dictcommons'
 
 export default {
   name: 'CaseClosedAdd',
@@ -178,6 +183,7 @@ export default {
       submitdisabled: false,
       tableKey: 0,
       index: 0,
+      closeType_list: [],
       formobj: {
         arrearsTotal: '',
         bankContract: '',
@@ -224,11 +230,19 @@ export default {
     }
   },
   methods: {
+    init() {
+      typeValues({ type: 'closeType' }).then((resp) => {
+        if (resp.success) {
+          this.closeType_list = resp.data
+        }
+      })
+    },
     showAdd(sid) {
       this.viewTitle = '【新增】案件结案申请'
       this.$nextTick(() => {
         this.$refs['form_obj'].clearValidate()
       })
+      this.init()
       req.init({ sid: sid, userSid: window.sessionStorage.getItem('userSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
         if (res.success) {
           this.formobj = res.data
@@ -240,12 +254,22 @@ export default {
       this.$nextTick(() => {
         this.$refs['form_obj'].clearValidate()
       })
+      this.init()
       req.fetchBySid(row.sid).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
         }
       })
     },
+    closeTypeChange(value) {
+      const choose = this.closeType_list.filter((item) => item.dictKey === value)
+      if (choose !== null && choose.length > 0) {
+        this.formobj.closeTypeValue = choose[0].dictValue
+      } else {
+        this.formobj.closeTypeValue = ''
+      }
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
diff --git a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
index b3cb6586e7..68d7a134c2 100644
--- a/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
+++ b/anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
@@ -124,7 +124,7 @@
             </el-col>
           </el-row>
           <div class="title">车辆信息</div>
-          <el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%">
+          <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"/>
             <el-table-column prop="vinNo" label="车架号" align="center" />
             <el-table-column prop="carNum" label="车牌号" align="center" />
@@ -135,7 +135,7 @@
           <el-row>
             <el-col :span="8">
               <div class="span-sty">结案方式</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.closeTypeKey }}</span></el-form-item>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeTypeValue }}</span></el-form-item>
             </el-col>
             <el-col :span="8">
               <div class="span-sty">结案日期</div>
@@ -225,6 +225,13 @@ export default {
       req.fetchBySid(row.sid).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          if (this.formobj.jaclFiles.length > 0) {
+            const aa = []
+            this.formobj.jaclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.jaclFiles = aa
+          }
         }
       })
     },
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
new file mode 100644
index 0000000000..603dfd5838
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
@@ -0,0 +1,548 @@
+<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="openCountersign('加签')">加 签</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</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.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">最终判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.finalJudgMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">未回款金额</div>
+              <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="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">结案方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">结案日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">结案说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">材料</div>
+              <el-form-item>
+                <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.jaclFiles" :key="index" :src="item" :preview-src-list="formobj.jaclFiles" /></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span class="icon">*</span>加签人员:
+          </el-col>
+          <el-col :span="20">
+            <el-form-item>
+              <el-select v-model="countersign.assignee" placeholder="请选择" filterable>
+                <el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseclosed/caseclosed'
+import { selectStaffListss } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CaseClosedDaiBan',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        closeDate: '',
+        closeRemarks: '',
+        closeTypeKey: '',
+        closeTypeValue: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeMeasure: '',
+        executeRemarks: '',
+        finalJudgMoney: '',
+        isFullLitigation: '',
+        jaclFiles: [],
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseCloseVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        notReturnMoney: '',
+        orgPath: '',
+        partProceRemarks: '',
+        procDefId: '',
+        procInstSid: '',
+        returnMoney: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {},
+      options: [],
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      countersignLink: false,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      // 加签按钮所需参数
+      countersign: {
+        taskId: '',
+        assignee: '',
+        userSid: '',
+        instanceId: '',
+        views: ''
+      }
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    // this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加签参数
+    this.countersign.taskId = obj.taskId
+    this.countersign.userSid = window.sessionStorage.getItem('userSid')
+    this.countersign.instanceId = obj.instanceId
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '案件结案申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.jaclFiles.length > 0) {
+            const aa = []
+            this.formobj.jaclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.jaclFiles = aa
+          }
+        }
+      })
+      selectStaffListss().then((res) => {
+        if (res.success) {
+          this.options = res.data
+        }
+      })
+    },
+    // 加签
+    openCountersign(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = true
+      this.dialogList.comment = ''
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = false
+      this.dialogList.comment = '同意'
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = false
+      this.dialogList.comment = ''
+      req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.countersignLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
+    },
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
+      } else if (this.operation === '终止') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
+      } else if (this.operation === '加签') {
+        this.handleCountersign()
+      }
+    },
+    /** 加签 */
+    handleCountersign() {
+      if (this.countersign.assignee === '') {
+        this.$message({ showClose: true, type: 'error', message: '请选择加签人员' })
+        return
+      }
+      if (this.dialogList.comment === '') {
+        this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        return
+      }
+      this.countersign.views = this.dialogList.comment
+      req.delegate(this.countersign).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
new file mode 100644
index 0000000000..818d868454
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
@@ -0,0 +1,349 @@
+<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" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</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.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">最终判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.finalJudgMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">未回款金额</div>
+              <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="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">结案方式</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.closeTypeKey" placeholder="请选择" @change="closeTypeChange" clearable filterable>
+                  <el-option v-for="item in closeType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">结案日期</div>
+              <el-form-item><el-date-picker class="addinputInfo" v-model="formobj.closeDate" 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.closeRemarks" clearable placeholder="" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">材料</div>
+              <el-form-item>
+                <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.jaclFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseclosed/caseclosed'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import { typeValues } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CaseClosedEdit',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      tableKey: 0,
+      index: 0,
+      closeType_list: [],
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        closeDate: '',
+        closeRemarks: '',
+        closeTypeKey: '',
+        closeTypeValue: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeMeasure: '',
+        executeRemarks: '',
+        finalJudgMoney: '',
+        isFullLitigation: '',
+        jaclFiles: [],
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseCloseVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        notReturnMoney: '',
+        orgPath: '',
+        partProceRemarks: '',
+        procDefId: '',
+        procInstSid: '',
+        returnMoney: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'closeType' }).then((resp) => {
+        if (resp.success) {
+          this.closeType_list = resp.data
+        }
+      })
+    },
+    showInfo(sid) {
+      this.viewTitle = '【编辑】案件结案申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.init()
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
+        }
+      })
+    },
+    closeTypeChange(value) {
+      const choose = this.closeType_list.filter((item) => item.dictKey === value)
+      if (choose !== null && choose.length > 0) {
+        this.formobj.closeTypeValue = choose[0].dictValue
+      } else {
+        this.formobj.closeTypeValue = ''
+      }
+    },
+    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: '保存成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
new file mode 100644
index 0000000000..4a997779ff
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</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.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">最终判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.finalJudgMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">未回款金额</div>
+              <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="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">结案方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">结案日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">结案说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.closeRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">材料</div>
+              <el-form-item>
+                <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.jaclFiles" :key="index" :src="item" :preview-src-list="formobj.jaclFiles" /></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseclosed/caseclosed'
+
+export default {
+  name: 'CaseClosedYiBan',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        closeDate: '',
+        closeRemarks: '',
+        closeTypeKey: '',
+        closeTypeValue: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeMeasure: '',
+        executeRemarks: '',
+        finalJudgMoney: '',
+        isFullLitigation: '',
+        jaclFiles: [],
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseCloseVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        notReturnMoney: '',
+        orgPath: '',
+        partProceRemarks: '',
+        procDefId: '',
+        procInstSid: '',
+        returnMoney: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '案件结案申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.jaclFiles.length > 0) {
+            const aa = []
+            this.formobj.jaclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.jaclFiles = aa
+          }
+        }
+      })
+    },
+    /** 确认撤回任务 */
+    openRevoke() {
+      this.$confirm('是否确认执行撤回操作', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRevoke()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消撤回'
+        })
+      })
+    },
+    /** 撤回任务 */
+    handleRevoke() {
+      req.revokeProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>