From 49fc096117ac37b383c85a3436d731b768ad0348 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Sun, 18 Feb 2024 16:57:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=BD=A6=E8=BE=86=E7=BB=93?=
 =?UTF-8?q?=E6=B8=85=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 anrui-riskcenter-ui/src/api/settle/settle.js  |   9 +
 anrui-riskcenter-ui/src/router/index.js       |  21 +
 .../src/views/settle/settleAdd.vue            |  30 +
 .../src/views/settle/settleInfo.vue           |  18 +
 .../workFlow/jieqingFlow/settleDaiBan.vue     | 678 ++++++++++++++++++
 .../views/workFlow/jieqingFlow/settleEdit.vue | 515 +++++++++++++
 .../workFlow/jieqingFlow/settleYiBan.vue      | 464 ++++++++++++
 7 files changed, 1735 insertions(+)
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleDaiBan.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleEdit.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleYiBan.vue

diff --git a/anrui-riskcenter-ui/src/api/settle/settle.js b/anrui-riskcenter-ui/src/api/settle/settle.js
index 41af0bde26..be8dd3dd85 100644
--- a/anrui-riskcenter-ui/src/api/settle/settle.js
+++ b/anrui-riskcenter-ui/src/api/settle/settle.js
@@ -26,6 +26,15 @@ export default {
       headers: { 'Content-Type': 'application/json' }
     })
   },
+  // 回购申请管理--点击结清申请初始化
+  settleRepoInit: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanrepurchaseapply/settleRepoInit',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
   fetchBySid: function(data) {
     return request({
       url: '/riskcenter/v1/LoanSettleApply/details',
diff --git a/anrui-riskcenter-ui/src/router/index.js b/anrui-riskcenter-ui/src/router/index.js
index 2558b5e1fe..69e38b094e 100644
--- a/anrui-riskcenter-ui/src/router/index.js
+++ b/anrui-riskcenter-ui/src/router/index.js
@@ -1177,6 +1177,27 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/jiaohuichukuFlow/returntothewarehouseYiBan.vue'),
     name: 'ReturnToTheWarehouseYiBan'
+  },
+  // 车辆结清管理--编辑
+  {
+    path: '/jieqingFlow/settleEdit',
+    component: () =>
+      import('@/views/workFlow/jieqingFlow/settleEdit.vue'),
+    name: 'SettleEdit'
+  },
+  // 车辆结清管理--待办
+  {
+    path: '/jieqingFlow/settleDaiBan',
+    component: () =>
+      import('@/views/workFlow/jieqingFlow/settleDaiBan.vue'),
+    name: 'SettleDaiBan'
+  },
+  // 车辆结清管理--已办
+  {
+    path: '/jieqingFlow/settleYiBan',
+    component: () =>
+      import('@/views/workFlow/jieqingFlow/settleYiBan.vue'),
+    name: 'SettleYiBan'
   },
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }
diff --git a/anrui-riskcenter-ui/src/views/settle/settleAdd.vue b/anrui-riskcenter-ui/src/views/settle/settleAdd.vue
index 5a0f94ff16..e13553a1d6 100644
--- a/anrui-riskcenter-ui/src/views/settle/settleAdd.vue
+++ b/anrui-riskcenter-ui/src/views/settle/settleAdd.vue
@@ -11,6 +11,7 @@
       </div>
       <div class="listconadd">
         <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>
@@ -82,6 +83,15 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
             </el-col>
           </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="16">
+              <div class="span-sty">回购申请</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDateBe }}</span></el-form-item>
+            </el-col>
+          </el-row>
           <div class="title">资方结清费用</div>
           <el-row>
             <el-col :span="8">
@@ -197,6 +207,12 @@
               <el-form-item><span class="addinputInfo">{{ calculateSettleAll }}</span></el-form-item>
             </el-col>
           </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="24">
+              <div class="span-sty">截止当前资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.fundAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
           <div class="title"><el-checkbox @change="trueReductionChange" v-model="formobj.trueReduction" style="padding-right: 5px"/>公司结清费用减免情况</div>
           <div v-if="formobj.trueReduction">
             <el-row>
@@ -334,6 +350,7 @@ export default {
         saleOrderSid: '',
         settingDate: '',
         settingDateBe: '',
+        showHg: false, // 是否展示回购字段
         sid: '',
         trueReduction: false,
         useOrgName: '',
@@ -380,6 +397,18 @@ export default {
         }
       })
     },
+    // 回购申请管理--点击结清申请初始化
+    showInit(sid) {
+      this.viewTitle = '【新增】结清申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.settleRepoInit({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), sid: sid, userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
     // 查看催收记录
     lookCSJL(sid) {
       if (sid !== '') {
@@ -521,6 +550,7 @@ export default {
         orgPath: '',
         overdueMonthPrice: '',
         saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
         settingDate: '',
         settingDateBe: '',
         sid: '',
diff --git a/anrui-riskcenter-ui/src/views/settle/settleInfo.vue b/anrui-riskcenter-ui/src/views/settle/settleInfo.vue
index 048c49ed17..d78519a95c 100644
--- a/anrui-riskcenter-ui/src/views/settle/settleInfo.vue
+++ b/anrui-riskcenter-ui/src/views/settle/settleInfo.vue
@@ -9,6 +9,7 @@
       </div>
       <div class="listconadd">
         <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>
@@ -80,6 +81,15 @@
               <el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
             </el-col>
           </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="16">
+              <div class="span-sty">回购申请</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDateBe }}</span></el-form-item>
+            </el-col>
+          </el-row>
           <div class="title">资方结清费用</div>
           <el-row>
             <el-col :span="8">
@@ -195,6 +205,12 @@
               <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.settleAll }}</span></el-form-item>
             </el-col>
           </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="24">
+              <div class="span-sty">截止当前资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.fundAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
           <div class="title">公司结清费用减免情况</div>
           <div v-if="formobj.trueReduction">
             <el-row>
@@ -305,6 +321,7 @@ export default {
         orgPath: '',
         overdueMonthPrice: '',
         saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
         settingDate: '',
         settingDateBe: '',
         sid: '',
@@ -416,6 +433,7 @@ export default {
         orgPath: '',
         overdueMonthPrice: '',
         saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
         settingDate: '',
         settingDateBe: '',
         sid: '',
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleDaiBan.vue
new file mode 100644
index 0000000000..4692c6ff95
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleDaiBan.vue
@@ -0,0 +1,678 @@
+<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">
+          <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.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.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车牌号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span style="margin-left: 10px;color: #20a0ff" @click="lookCSJL(formobj.csjlSid)">催收记录</span><span style="margin-left: 10px;color: #20a0ff" @click="lookJRFA(formobj.jrfaSid)">金融方案</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.loanName }}</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.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-col :span="8">
+              <div class="span-sty">结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDate }}</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.overdueMonthPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.currentNotDuePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="16">
+              <div class="span-sty">回购申请</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDateBe }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">资方结清费用</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方逾期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.currentNotDuePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.notDuePrice }}</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.loanSettleBankCostVo.bankInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方名义价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankNominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同违约金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankContractLiquidated }}</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.loanSettleBankCostVo.bankOtherReceivable }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他应收说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.otherReceivableRemarks }}</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.loanSettleBankCostVo.bankSettlePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.loanSettleBankCostVo.filesList" :key="index" :src="item" :preview-src-list="formobj.loanSettleBankCostVo.filesList" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <div>公司结清费用</div>
+            <div>贷款保整金：<span>{{ formobj.loanSettleCompanyCostVo.loanDeposit }}</span></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">公司逾期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.overduePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">垫资方逾期利息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.putBankInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.funfCost }}</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.loanSettleCompanyCostVo.bankOverInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyCurrentNotPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankNotPrice }}</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.loanSettleCompanyCostVo.deductionAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">名义价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyNominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">合同违约金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.contractLiquidated }}</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.loanSettleCompanyCostVo.companyOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.otherCostRemarks }}</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.loanSettleCompanyCostVo.settleAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="24">
+              <div class="span-sty">截止当前资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.fundAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">公司结清费用减免情况</div>
+          <div v-if="formobj.trueReduction">
+            <el-row>
+              <el-col :span="8">
+                <div class="span-sty">资金占用费减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.fundPenalty }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">贷款保证金扣减减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.depositPenalty }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">其他费用减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.otherCost }}</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.loanSettleCompanyReductionVo.amountTo }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">公司利润</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.profit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState"/>
+    <!-- 查看金融方案 -->
+    <financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState"/>
+    <!-- 选择待办人 的弹出框-->
+    <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/settle/settle'
+import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+import { selectStaffListss } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'SettleDaiBan',
+  components: {
+    vehiclecollectionrecords,
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankContractNo: '',
+        bankName: '',
+        busSid: '',
+        busVinSid: '',
+        createByName: '',
+        createDept: '',
+        createDeptSid: '',
+        createTime: '',
+        currentNotDuePrice: '',
+        customerName: '',
+        customerSid: '',
+        loanContractNo: '',
+        loanName: '',
+        loanSettleBankCostVo: {
+          bankContractLiquidated: '',
+          bankInterest: '',
+          bankNominalPrice: '',
+          bankOtherReceivable: '',
+          bankSettlePrice: '',
+          currentNotDuePrice: '',
+          filesList: [],
+          notDuePrice: '',
+          otherReceivableRemarks: '',
+          price: ''
+        },
+        loanSettleCompanyCostVo: {
+          bankNotPrice: '',
+          bankOverInterest: '',
+          companyCurrentNotPrice: '',
+          companyNominalPrice: '',
+          companyOtherPrice: '',
+          contractLiquidated: '',
+          deductionAmount: '',
+          fundAll: '',
+          funfCost: '',
+          loanDeposit: '',
+          otherCostRemarks: '',
+          overduePrice: '',
+          putBankInterest: '',
+          settleAll: ''
+        },
+        loanSettleCompanyReductionVo: {
+          amountTo: '',
+          depositPenalty: '',
+          fundPenalty: '',
+          otherCost: '',
+          profit: ''
+        },
+        loanSid: '',
+        notDuePrice: '',
+        orgPath: '',
+        overdueMonthPrice: '',
+        saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
+        settingDate: '',
+        settingDateBe: '',
+        sid: '',
+        trueReduction: false,
+        useOrgName: '',
+        useOrgSid: '',
+        userSid: '',
+        vehMark: '',
+        vinNo: ''
+      },
+      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({ busVinSid: '', orgPath: '', sid: sid, userSid: '' }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.loanSettleBankCostVo.filesList.length > 0) {
+            const aa = []
+            this.formobj.loanSettleBankCostVo.filesList.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.loanSettleBankCostVo.filesList = aa
+          }
+        }
+      })
+      selectStaffListss().then((res) => {
+        if (res.success) {
+          this.options = res.data
+        }
+      })
+    },
+    // 查看催收记录
+    lookCSJL(sid) {
+      if (sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无催收记录' })
+      }
+    },
+    lookJRFA(sid) {
+      if (sid !== '') {
+        req.selectDetailss({ businessSid: this.formobj.saleOrderSid }).then((res) => {
+          if (res.success) {
+            this.viewState = 3
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无金融方案' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 加签
+    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: 200px !important;
+}
+.addinputInfo {
+  margin-left: 190px !important;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleEdit.vue
new file mode 100644
index 0000000000..e85c675893
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleEdit.vue
@@ -0,0 +1,515 @@
+<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">
+          <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.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.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车牌号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span style="margin-left: 10px;color: #20a0ff" @click="lookCSJL(formobj.csjlSid)">催收记录</span><span style="margin-left: 10px;color: #20a0ff" @click="lookJRFA(formobj.jrfaSid)">金融方案</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.loanName }}</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.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-col :span="8">
+              <div class="span-sty">结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDate }}</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.overdueMonthPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.currentNotDuePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="16">
+              <div class="span-sty">回购申请</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDateBe }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">资方结清费用</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方逾期月还</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.price" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方当期未到期月还</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.currentNotDuePrice" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="notDuePriceInput" v-model="formobj.loanSettleBankCostVo.notDuePrice" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方逾期利息</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankInterestInput" v-model="formobj.loanSettleBankCostVo.bankInterest" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方名义价</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankNominalPriceInput" v-model="formobj.loanSettleBankCostVo.bankNominalPrice" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同违约金</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankContractLiquidatedInput" v-model="formobj.loanSettleBankCostVo.bankContractLiquidated" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方其他应收</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.bankOtherReceivable" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他应收说明</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.otherReceivableRemarks" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方结清金额</div>
+              <el-form-item><span class="addinputInfo">{{ calculateBankSettlePrice }}</span></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.loanSettleBankCostVo.filesList" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <div>公司结清费用</div>
+            <div>贷款保整金：<span>{{ formobj.loanSettleCompanyCostVo.loanDeposit }}</span></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">公司逾期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.overduePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">垫资方逾期利息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.putBankInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.funfCost }}</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" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.bankOverInterest" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyCurrentNotPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankNotPrice }}</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.loanSettleCompanyCostVo.deductionAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">名义价</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.companyNominalPrice" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">合同违约金</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.contractLiquidated" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">公司其他费用</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.companyOtherPrice" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他费用说明</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.otherCostRemarks" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">公司正常结清合计</div>
+              <el-form-item><span class="addinputInfo">{{ calculateSettleAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="24">
+              <div class="span-sty">截止当前资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.fundAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title"><el-checkbox @change="trueReductionChange" v-model="formobj.trueReduction" style="padding-right: 5px"/>公司结清费用减免情况</div>
+          <div v-if="formobj.trueReduction">
+            <el-row>
+              <el-col :span="8">
+                <div class="span-sty">资金占用费减免</div>
+                <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.fundPenalty" clearable placeholder=""/></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">贷款保证金扣减减免</div>
+                <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.depositPenalty" clearable placeholder=""/></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">其他费用减免</div>
+                <el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.otherCost" clearable placeholder=""/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">公司减免后结清合计</div>
+                <el-form-item><span class="addinputInfo">{{ calculateAmountTo }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">公司利润</div>
+              <el-form-item><span class="addinputInfo">{{ calculateProfit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState"/>
+    <!-- 查看金融方案 -->
+    <financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/settle/settle'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+
+export default {
+  name: 'SettleEdit',
+  components: {
+    uploadImg,
+    vehiclecollectionrecords,
+    financialschemeInfo
+  },
+  computed: {
+    // 资方结清费用模块--资方结清金额计算
+    calculateBankSettlePrice() {
+      return parseFloat(this.formobj.loanSettleBankCostVo.price === '' ? 0 : this.formobj.loanSettleBankCostVo.price) + parseFloat(this.formobj.loanSettleBankCostVo.currentNotDuePrice === '' ? 0 : this.formobj.loanSettleBankCostVo.currentNotDuePrice) + parseFloat(this.formobj.loanSettleBankCostVo.notDuePrice === '' ? 0 : this.formobj.loanSettleBankCostVo.notDuePrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankInterest === '' ? 0 : this.formobj.loanSettleBankCostVo.bankInterest) + parseFloat(this.formobj.loanSettleBankCostVo.bankNominalPrice === '' ? 0 : this.formobj.loanSettleBankCostVo.bankNominalPrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankContractLiquidated === '' ? 0 : this.formobj.loanSettleBankCostVo.bankContractLiquidated) + parseFloat(this.formobj.loanSettleBankCostVo.bankOtherReceivable === '' ? 0 : this.formobj.loanSettleBankCostVo.bankOtherReceivable) || 0
+    },
+    // 公司结清费用模块--公司正常结清合计计算
+    calculateSettleAll() {
+      return parseFloat(this.formobj.loanSettleCompanyCostVo.overduePrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.overduePrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.funfCost === '' ? 0 : this.formobj.loanSettleCompanyCostVo.funfCost) + parseFloat(this.formobj.loanSettleCompanyCostVo.bankOverInterest === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankOverInterest) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyCurrentNotPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyCurrentNotPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.bankNotPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankNotPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.deductionAmount === '' ? 0 : this.formobj.loanSettleCompanyCostVo.deductionAmount) + parseFloat(this.formobj.loanSettleCompanyCostVo.contractLiquidated === '' ? 0 : this.formobj.loanSettleCompanyCostVo.contractLiquidated) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyOtherPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyOtherPrice) - parseFloat(this.formobj.loanSettleCompanyCostVo.loanDeposit === '' ? 0 : this.formobj.loanSettleCompanyCostVo.loanDeposit) || 0
+    },
+    // 公司结清费用减免情况模块--公司减免后结清合计计算
+    calculateAmountTo() {
+      if (this.formobj.trueReduction) {
+        return parseFloat(this.calculateSettleAll === '' ? 0 : this.calculateSettleAll) - parseFloat(this.formobj.loanSettleCompanyReductionVo.fundPenalty === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.fundPenalty) - parseFloat(this.formobj.loanSettleCompanyReductionVo.depositPenalty === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.depositPenalty) - parseFloat(this.formobj.loanSettleCompanyReductionVo.otherCost === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.otherCost) || 0
+      } else {
+        return '0'
+      }
+    },
+    // 结清利润计算
+    calculateProfit() {
+      return (parseFloat(this.formobj.loanSettleBankCostVo.bankInterest === '' ? 0 : this.formobj.loanSettleBankCostVo.bankInterest) + parseFloat(this.formobj.loanSettleBankCostVo.bankNominalPrice === '' ? 0 : this.formobj.loanSettleBankCostVo.bankNominalPrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankContractLiquidated === '' ? 0 : this.formobj.loanSettleBankCostVo.bankContractLiquidated) + parseFloat(this.formobj.loanSettleBankCostVo.bankOtherReceivable === '' ? 0 : this.formobj.loanSettleBankCostVo.bankOtherReceivable)) - (parseFloat(this.formobj.loanSettleCompanyCostVo.bankOverInterest === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankOverInterest) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyNominalPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyNominalPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.contractLiquidated === '' ? 0 : this.formobj.loanSettleCompanyCostVo.contractLiquidated) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyOtherPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyOtherPrice)) || 0
+    }
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankContractNo: '',
+        bankName: '',
+        busSid: '',
+        busVinSid: '',
+        createByName: '',
+        createDept: '',
+        createDeptSid: '',
+        createTime: '',
+        currentNotDuePrice: '',
+        customerName: '',
+        customerSid: '',
+        loanContractNo: '',
+        loanName: '',
+        loanSettleBankCostVo: {
+          bankContractLiquidated: '',
+          bankInterest: '',
+          bankNominalPrice: '',
+          bankOtherReceivable: '',
+          bankSettlePrice: '',
+          currentNotDuePrice: '',
+          filesList: [],
+          notDuePrice: '',
+          otherReceivableRemarks: '',
+          price: ''
+        },
+        loanSettleCompanyCostVo: {
+          bankNotPrice: '',
+          bankOverInterest: '',
+          companyCurrentNotPrice: '',
+          companyNominalPrice: '',
+          companyOtherPrice: '',
+          contractLiquidated: '',
+          deductionAmount: '',
+          fundAll: '',
+          funfCost: '',
+          loanDeposit: '',
+          otherCostRemarks: '',
+          overduePrice: '',
+          putBankInterest: '',
+          settleAll: ''
+        },
+        loanSettleCompanyReductionVo: {
+          amountTo: '',
+          depositPenalty: '',
+          fundPenalty: '',
+          otherCost: '',
+          profit: ''
+        },
+        loanSid: '',
+        notDuePrice: '',
+        orgPath: '',
+        overdueMonthPrice: '',
+        saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
+        settingDate: '',
+        settingDateBe: '',
+        sid: '',
+        trueReduction: false,
+        useOrgName: '',
+        useOrgSid: '',
+        userSid: '',
+        vehMark: '',
+        vinNo: ''
+      },
+      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: {
+    UpNumber(e) {
+      e.target.value = e.target.value.replace(/[^0-9.]/g, '') // 清除“数字”和“.”以外的字符
+      e.target.value = e.target.value.replace(/^00/, '0.') // 开头不能有两个0
+      e.target.value = e.target.value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
+      e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
+      e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数
+      if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') {
+        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
+        e.target.value = parseFloat(e.target.value)
+      }
+    },
+    showInfo(sid) {
+      this.viewTitle = '【编辑】结清申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid({ busVinSid: '', orgPath: '', sid: sid, userSid: '' }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstId
+        }
+      })
+    },
+    // 查看催收记录
+    lookCSJL(sid) {
+      if (sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无催收记录' })
+      }
+    },
+    lookJRFA(sid) {
+      if (sid !== '') {
+        req.selectDetailss({ businessSid: this.formobj.saleOrderSid }).then((res) => {
+          if (res.success) {
+            this.viewState = 3
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无金融方案' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    notDuePriceInput(val) {
+      this.formobj.loanSettleCompanyCostVo.bankNotPrice = val
+    },
+    bankInterestInput(val) {
+      this.formobj.loanSettleCompanyCostVo.bankOverInterest = val
+    },
+    bankNominalPriceInput(val) {
+      this.formobj.loanSettleCompanyCostVo.companyNominalPrice = val
+    },
+    bankContractLiquidatedInput(val) {
+      this.formobj.loanSettleCompanyCostVo.contractLiquidated = val
+    },
+    trueReductionChange() {
+      if (!this.formobj.trueReduction) {
+        this.formobj.loanSettleCompanyReductionVo.fundPenalty = ''
+        this.formobj.loanSettleCompanyReductionVo.depositPenalty = ''
+        this.formobj.loanSettleCompanyReductionVo.otherCost = ''
+      }
+    },
+    saveOrUpdate() {
+      this.formobj.loanSettleBankCostVo.bankSettlePrice = this.calculateBankSettlePrice
+      this.formobj.loanSettleCompanyCostVo.settleAll = this.calculateSettleAll
+      this.formobj.loanSettleCompanyReductionVo.amountTo = this.calculateAmountTo
+      this.formobj.loanSettleCompanyReductionVo.profit = this.calculateProfit
+      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.formobj.loanSettleBankCostVo.bankOtherReceivable = this.calculateBankSettlePrice
+      this.formobj.loanSettleCompanyCostVo.settleAll = this.calculateSettleAll
+      this.formobj.loanSettleCompanyReductionVo.amountTo = this.calculateAmountTo
+      this.formobj.loanSettleCompanyReductionVo.profit = this.calculateProfit
+      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: 200px !important;
+}
+.addinputInfo {
+  margin-left: 190px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleYiBan.vue
new file mode 100644
index 0000000000..312278246c
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/jieqingFlow/settleYiBan.vue
@@ -0,0 +1,464 @@
+<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">
+          <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.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.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车牌号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span style="margin-left: 10px;color: #20a0ff" @click="lookCSJL(formobj.csjlSid)">催收记录</span><span style="margin-left: 10px;color: #20a0ff" @click="lookJRFA(formobj.jrfaSid)">金融方案</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.loanName }}</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.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-col :span="8">
+              <div class="span-sty">结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDate }}</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.overdueMonthPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.currentNotDuePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="16">
+              <div class="span-sty">回购申请</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">预结清日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.settingDateBe }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">资方结清费用</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方逾期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.currentNotDuePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.notDuePrice }}</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.loanSettleBankCostVo.bankInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方名义价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankNominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同违约金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankContractLiquidated }}</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.loanSettleBankCostVo.bankOtherReceivable }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他应收说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.otherReceivableRemarks }}</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.loanSettleBankCostVo.bankSettlePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.loanSettleBankCostVo.filesList" :key="index" :src="item" :preview-src-list="formobj.loanSettleBankCostVo.filesList" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+            <div>公司结清费用</div>
+            <div>贷款保整金：<span>{{ formobj.loanSettleCompanyCostVo.loanDeposit }}</span></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">公司逾期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.overduePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">垫资方逾期利息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.putBankInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.funfCost }}</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.loanSettleCompanyCostVo.bankOverInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司当期未到期月还</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyCurrentNotPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankNotPrice }}</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.loanSettleCompanyCostVo.deductionAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">名义价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyNominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">合同违约金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.contractLiquidated }}</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.loanSettleCompanyCostVo.companyOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">其他费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.otherCostRemarks }}</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.loanSettleCompanyCostVo.settleAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.showHg">
+            <el-col :span="24">
+              <div class="span-sty">截止当前资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.fundAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">公司结清费用减免情况</div>
+          <div v-if="formobj.trueReduction">
+            <el-row>
+              <el-col :span="8">
+                <div class="span-sty">资金占用费减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.fundPenalty }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">贷款保证金扣减减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.depositPenalty }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">其他费用减免</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.otherCost }}</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.loanSettleCompanyReductionVo.amountTo }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">公司利润</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.profit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState"/>
+    <!-- 查看金融方案 -->
+    <financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/settle/settle'
+import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+
+export default {
+  name: 'SettleYiBan',
+  components: {
+    vehiclecollectionrecords,
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankContractNo: '',
+        bankName: '',
+        busSid: '',
+        busVinSid: '',
+        createByName: '',
+        createDept: '',
+        createDeptSid: '',
+        createTime: '',
+        currentNotDuePrice: '',
+        customerName: '',
+        customerSid: '',
+        loanContractNo: '',
+        loanName: '',
+        loanSettleBankCostVo: {
+          bankContractLiquidated: '',
+          bankInterest: '',
+          bankNominalPrice: '',
+          bankOtherReceivable: '',
+          bankSettlePrice: '',
+          currentNotDuePrice: '',
+          filesList: [],
+          notDuePrice: '',
+          otherReceivableRemarks: '',
+          price: ''
+        },
+        loanSettleCompanyCostVo: {
+          bankNotPrice: '',
+          bankOverInterest: '',
+          companyCurrentNotPrice: '',
+          companyNominalPrice: '',
+          companyOtherPrice: '',
+          contractLiquidated: '',
+          deductionAmount: '',
+          fundAll: '',
+          funfCost: '',
+          loanDeposit: '',
+          otherCostRemarks: '',
+          overduePrice: '',
+          putBankInterest: '',
+          settleAll: ''
+        },
+        loanSettleCompanyReductionVo: {
+          amountTo: '',
+          depositPenalty: '',
+          fundPenalty: '',
+          otherCost: '',
+          profit: ''
+        },
+        loanSid: '',
+        notDuePrice: '',
+        orgPath: '',
+        overdueMonthPrice: '',
+        saleOrderSid: '',
+        showHg: false, // 是否展示回购字段
+        settingDate: '',
+        settingDateBe: '',
+        sid: '',
+        trueReduction: false,
+        useOrgName: '',
+        useOrgSid: '',
+        userSid: '',
+        vehMark: '',
+        vinNo: ''
+      },
+      // 环节所需参数
+      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({ busVinSid: '', orgPath: '', sid: sid, userSid: '' }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.loanSettleBankCostVo.filesList.length > 0) {
+            const aa = []
+            this.formobj.loanSettleBankCostVo.filesList.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.loanSettleBankCostVo.filesList = aa
+          }
+        }
+      })
+    },
+    // 查看催收记录
+    lookCSJL(sid) {
+      if (sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无催收记录' })
+      }
+    },
+    lookJRFA(sid) {
+      if (sid !== '') {
+        req.selectDetailss({ businessSid: this.formobj.saleOrderSid }).then((res) => {
+          if (res.success) {
+            this.viewState = 3
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无金融方案' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    /** 确认撤回任务 */
+    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: 200px !important;
+}
+.addinputInfo {
+  margin-left: 190px !important;
+}
+</style>