From c76b87cfb13680c977377785f4bd5db4a499073b Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Mon, 31 Jul 2023 15:46:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E4=BF=A1=E7=94=A8=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E7=94=B3=E8=AF=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/Common/dictcommons.js             |  53 ++
 .../creditauditappeal/creditauditappeal.js    | 102 ++++
 .../publicPage/financialschemeInfo.vue        | 334 +++++++++++
 .../src/components/publicPage/salesOrder.vue  | 477 +++++++++++++++
 anrui-riskcenter-ui/src/router/index.js       |  53 ++
 .../creditauditappeal/creditauditappeal.vue   | 366 ++++++++++++
 .../creditauditappealAdd.vue                  | 525 +++++++++++++++++
 .../creditauditappealInfo.vue                 | 412 +++++++++++++
 .../creditauditmanagement.vue                 |  30 +-
 .../publicPage/financialschemeInfo.vue        | 334 +++++++++++
 .../views/workFlow/publicPage/salesOrder.vue  | 482 +++++++++++++++
 .../creditauditappealDaiBan.vue               | 553 ++++++++++++++++++
 .../creditauditappealEdit.vue                 | 464 +++++++++++++++
 .../creditauditappealYiBan.vue                | 424 ++++++++++++++
 14 files changed, 4608 insertions(+), 1 deletion(-)
 create mode 100644 anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js
 create mode 100644 anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/components/publicPage/salesOrder.vue
 create mode 100644 anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue
 create mode 100644 anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue
 create mode 100644 anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/publicPage/salesOrder.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue

diff --git a/anrui-riskcenter-ui/src/api/Common/dictcommons.js b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
index 210e52f890..0ed7b3444b 100644
--- a/anrui-riskcenter-ui/src/api/Common/dictcommons.js
+++ b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
@@ -70,3 +70,56 @@ export function selectHaveMessage(data) {
     headers: { 'Content-Type': 'application/json' }
   })
 }
+
+// 根据分公司sid获取该分公司下的所有供应商
+export function getGysByOrgSid(data) {
+  return request({
+    url: '/base/v1/basemanufacturer/getGysByOrgSid',
+    method: 'post',
+    params: data
+  })
+}
+
+// 根据分公司sid获取该分公司下的所有供应商
+export function getGysTypeByOrgSid(data) {
+  return request({
+    url: '/base/v1/basemanufacturer/getGysTypeByOrgSid',
+    method: 'post',
+    params: data
+  })
+}
+
+// 根据分公司全路径sid和车型sid获取合格证公告型号
+export function getAnnounceList(data) {
+  return request({
+    url: '/base/v1/basevehmodelannouncementmodel/getAnnounceList',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据分公司全路径sid、当前登录用户sid、是否打包获取已备案(有效期内)的产品政策信息
+export function selectList(data) {
+  return request({
+    url: '/riskcenter/v1/LoanFinPolicy/selectList',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取产品政策下的其他融信息，或分公司下备案通过的其他融
+export function selectListByOther(data) {
+  return request({
+    url: '/riskcenter/v1/LoanFinOtherPolicy/selectList',
+    method: 'get',
+    params: data
+  })
+}
+
+// 销售订单--编辑、详情初始化
+export function fetchDetails(data) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/fetchDetailsBySid/' + data,
+    method: 'get'
+  })
+}
diff --git a/anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js b/anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js
new file mode 100644
index 0000000000..1ec8135c76
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js
@@ -0,0 +1,102 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  saveOrUpdate: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/save',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  init: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/init/' + data,
+      method: 'get'
+    })
+  },
+  fetchBySid: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/fetchDetailsBySid/' + data,
+      method: 'get'
+    })
+  },
+  deleteBySids: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 提交流程
+  submit: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/submitLoanCreditApply',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（同意）
+  complete: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/complete',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（驳回）
+  reject: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/reject',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（终止）
+  breakProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/breakProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（撤回）
+  revokeProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/revokeProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 审批流程（同意）获取下一环节
+  getNextNodesForSubmit: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/getNextNodesForSubmit',
+      method: 'get',
+      params: data
+    })
+  },
+  // 审批流程（驳回）获取上一环节
+  getPreviousNodesForReject: function(data) {
+    return request({
+      url: '/riskcenter/v1/loancreditappealapply/getPreviousNodesForReject',
+      method: 'get',
+      params: data
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue b/anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue
new file mode 100644
index 0000000000..b6804b9ca6
--- /dev/null
+++ b/anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+        <div v-if="formobj.typeKey !== '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="6">
+              <div class="span-sty">是否打包</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <div class="span-sty">资方及产品政策</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">融资项目</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <span>主车发票价{{ formobj.mainVehicleAmount }} 元</span>
+                  <span>融资票据{{ formobj.accessoriesAmount }} 元</span>
+                  <span>挂车{{ formobj.trailerAmount }} 元</span>
+                  <span>保险{{ formobj.premium }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</span>
+                  <span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty">融资项目总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">首付比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">首付金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">年利率</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.otherPolicyState">
+            <div class="title">其它融</div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">其它融名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">月还金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <div class="span-sty">利息总额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">实际首付比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">总贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预计首款还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">应收明细</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">保险保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">落户保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">代收意外险</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">上牌费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">运管费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">补车价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">其它费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">其它费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</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.receivableTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">抵顶费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</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.realTotal }}</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.vehTotalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">名义(留购)价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div v-if="formobj.typeKey == '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscount }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>服务费</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.serviceAmount }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'JinRongFangAnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        otherPolicyState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.viewTitle = '金融方案'
+      this.formobj = value
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !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/components/publicPage/salesOrder.vue b/anrui-riskcenter-ui/src/components/publicPage/salesOrder.vue
new file mode 100644
index 0000000000..d307b433d0
--- /dev/null
+++ b/anrui-riskcenter-ui/src/components/publicPage/salesOrder.vue
@@ -0,0 +1,477 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--          <div class="title">挂车信息</div>-->
+          <!--          <el-row>-->
+          <!--            <el-col :span="24">-->
+          <!--              <el-form-item><span></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.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</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.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">单台订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">订金合计</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">订金缴纳方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">需补交订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></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.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">中介返利</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">内部引荐人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">返利备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介返利</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介返利合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介返利</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介返利合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>单车金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialschemeInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetails } from '@/api/Common/dictcommons'
+import financialschemeInfo from './financialschemeInfo'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '销售订单'
+      fetchDetails(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.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/router/index.js b/anrui-riskcenter-ui/src/router/index.js
index ffb4c7a714..0dbb23a566 100644
--- a/anrui-riskcenter-ui/src/router/index.js
+++ b/anrui-riskcenter-ui/src/router/index.js
@@ -107,6 +107,22 @@ export const constantRoutes = [
       }
     ]
   },
+  // {
+  //   path: '/customizedfinancialsolutions',
+  //   component: Layout,
+  //   redirect: '/customizedfinancialsolutions',
+  //   meta: {
+  //     title: '公司定制金融方案'
+  //   },
+  //   children: [
+  //     {
+  //       path: '/customizedfinancialsolutions/customizedfinancialsolutions',
+  //       component: () => import('@/views/customizedfinancialsolutions/customizedfinancialsolutions.vue'),
+  //       name: 'CustomizedFinancialSolutions',
+  //       meta: { title: '公司定制金融方案', noCache: true }
+  //     }
+  //   ]
+  // },
   {
     path: '/creditauditmanagement',
     component: Layout,
@@ -139,6 +155,22 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/creditauditappeal',
+    component: Layout,
+    redirect: '/creditauditappeal',
+    meta: {
+      title: '贷前信用审核申诉'
+    },
+    children: [
+      {
+        path: '/creditauditappeal/creditauditappeal',
+        component: () => import('@/views/creditauditappeal/creditauditappeal.vue'),
+        name: 'CreditAuditAppeal',
+        meta: { title: '贷前信用审核申诉', noCache: true }
+      }
+    ]
+  },
 
   // 流程审批
   // 金融产品政策报备--编辑
@@ -198,6 +230,27 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/qitarongchanpinFlow/otherfinancialproductsreportYiBan.vue'),
     name: 'OtherFinancialProductsReportYiBan'
+  },
+  // 信用申诉--编辑
+  {
+    path: '/xinyongshensuFlow/creditauditappealEdit',
+    component: () =>
+      import('@/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue'),
+    name: 'CreditAuditAppealEdit'
+  },
+  // 信用申诉--待办
+  {
+    path: '/xinyongshensuFlow/creditauditappealDaiBan',
+    component: () =>
+      import('@/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue'),
+    name: 'CreditAuditAppealDaiBan'
+  },
+  // 信用申诉--已办
+  {
+    path: '/xinyongshensuFlow/creditauditappealYiBan',
+    component: () =>
+      import('@/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue'),
+    name: 'CreditAuditAppealYiBan'
   }
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }
diff --git a/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue
new file mode 100644
index 0000000000..2f593b2de3
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue
@@ -0,0 +1,366 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="贷前信用审核申诉管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <!--Start查询列表部分-->
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请部门">
+                <el-input v-model="listQuery.params.applyDeptName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请人">
+                <el-input v-model="listQuery.params.createByName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.modelName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="客户类型">
+                <el-input v-model="listQuery.params.custTypeValue" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="姓名">
+                <el-input v-model="listQuery.params.khqyName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="身份证号号码">
+                <el-input v-model="listQuery.params.idCard" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="手机号码">
+                <el-input v-model="listQuery.params.phone" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="公司风控结果">
+                <el-input v-model="listQuery.params.gsfkjg" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方风控结果">
+                <el-input v-model="listQuery.params.zffkjg" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申诉结果">
+                <el-input v-model="listQuery.params.ssjg" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询
+              </el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置
+              </el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <div class="listtop">
+          <div class="tit">贷前风控审核申请列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="130" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" width="180px" header-align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="useOrgName" label="分公司" align="center" width="120"/>
+            <el-table-column prop="applyDeptName" label="申请部门" align="center" width="120"/>
+            <el-table-column prop="createByName" label="申请人" align="center" width="100"/>
+            <el-table-column prop="createTime" label="申请日期" align="center" width="100"/>
+            <el-table-column prop="modelName" label="车型" align="center" min-width="200"/>
+            <el-table-column prop="custTypeValue" label="客户类型" align="center" width="100"/>
+            <el-table-column prop="khqyName" label="姓名" align="center" width="100"/>
+            <el-table-column prop="idCard" label="身份证号码" align="center" width="170"/>
+            <el-table-column prop="phone" label="手机号码" align="center" width="110"/>
+            <el-table-column prop="gsfkjg" label="公司风控结果" align="center" width="120"/>
+            <el-table-column prop="zffkjg" label="资方风控结果" align="center" width="120"/>
+            <el-table-column prop="ssjg" label="申诉结果" align="center" width="100"/>
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <!--新增及修改 -->
+    <creditauditappealAdd v-show="viewState == 2" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+    <!--详情 -->
+    <creditauditappealInfo v-show="viewState == 3" ref="divInfo" @doback="resetState"/>
+    <!-- 流程审批记录 -->
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import req from '@/api/creditauditappeal/creditauditappeal'
+import creditauditappealAdd from './creditauditappealAdd'
+import creditauditappealInfo from './creditauditappealInfo'
+import { getStorage } from '@/utils/auth'
+
+export default {
+  name: 'CreditAuditAppeal',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    creditauditappealAdd,
+    creditauditappealInfo
+  },
+  data() {
+    return {
+      url: '',
+      dialogHeight: '80%',
+      centerDialogVisible: false,
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      // 翻页
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          applyDeptName: '',
+          createByName: '',
+          createEndTime: '',
+          createStartTime: '',
+          custTypeValue: '',
+          gsfkjg: '',
+          idCard: '',
+          khqyName: '',
+          menuUrl: '',
+          modelName: '',
+          name: '',
+          orgSidPath: '',
+          phone: '',
+          useOrgName: '',
+          userSid: '',
+          zffkjg: '',
+          ssjg: ''
+        }
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.getList()
+  },
+  mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    async handleMessage(event) {
+      var code = ''
+      if (event.data.params !== null && event.data.params !== undefined) {
+        code = event.data.params.code
+      }
+      if (code === 1) {
+        this.init()
+        this.centerDialogVisible = false
+      } else if (code === 2) {
+        this.dialogHeight = event.data.params.data
+        this.setIframeHeight(document.getElementById('iframe'))
+      }
+    },
+    closeIt() {
+      this.url = ''
+      this.centerDialogVisible = false
+    },
+    setIframeHeight(iframe) {
+      iframe.height = this.dialogHeight
+    },
+    flowRecord(row) {
+      this.centerDialogVisible = true
+      var params = {
+        deployId: row.procDefId,
+        procInsId: row.procInstSid,
+        token: getStorage()
+      }
+      this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },// 信息条数 获取点击时当前的sid
+    handleSelectionChange(row) {
+      const aa = []
+      this.multipleSelection = row
+      row.forEach(element => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+
+    // 表中序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      this.listQuery.params.menuUrl = this.$route.path
+      req.listPage(this.listQuery).then(response => {
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 点击重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          applyDeptName: '',
+          createByName: '',
+          createEndTime: '',
+          createStartTime: '',
+          custTypeValue: '',
+          gsfkjg: '',
+          idCard: '',
+          khqyName: '',
+          menuUrl: '',
+          modelName: '',
+          name: '',
+          orgSidPath: '',
+          phone: '',
+          useOrgName: '',
+          userSid: '',
+          zffkjg: '',
+          ssjg: ''
+        }
+      }
+      this.init()
+    },
+    toEdit(row) {
+      this.viewState = 2
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 3
+      this.$refs['divInfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.deleteBySids(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    // 修改、编辑、详情返回列表页面
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue
new file mode 100644
index 0000000000..d412a82457
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue
@@ -0,0 +1,525 @@
+<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>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDeptName }}</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="12">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">
+            <el-col :span="24">
+              <div class="span-sty">企业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.qyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <span v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">法人信息</span>
+            <span v-else>贷款人信息</span>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.idCard }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.phone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div>
+              <el-form-item>
+                <el-form-item>
+                  <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.idCardImages" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.idCardImages"/>
+                </el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>风控要求的其他人员</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanPreloanCreditApplyDetailsVo.loanPreloanCreditPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="人员身份" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证正反面照片" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            公司风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>要求附件</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.comFkFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsfkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            资方风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方名称</div>
+              <el-form-item>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.capitalName }}</span></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zffkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>申诉</div>
+            <el-button type="primary" size="mini" @click="handleSalesOrder">销售订单查看</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">申诉原因</div>
+              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.appealReason" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>担保人</div>
+            <el-button type="primary" size="mini" @click="handleAdd">添加</el-button>
+          </div>
+          <el-table :key="ensureKey" :data="formobj.loanCreditAppealPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="danger" size="mini" @click="handleDelete(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.name" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.idCard" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.phone" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.remarks" clearable placeholder="" />
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">资方证明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <upload-img ref="uploadImg" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <salesOrder v-show="viewState == 2" ref="divSales" @doback="resetState"/>
+    <!-- 身份证 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/creditauditappeal/creditauditappeal'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import { fetchBySid, getOrgSidByPath } from '@/api/Common/dictcommons'
+import salesOrder from '@/components/publicPage/salesOrder'
+
+export default {
+  name: 'CreditAuditAppealAdd',
+  components: {
+    uploadImg,
+    salesOrder
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      list: [],
+      image_list1: [],
+      submitdisabled: false,
+      tableKey: 0,
+      ensureKey: 1,
+      index: 0,
+      formobj: {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showAdd(sid) {
+      this.viewTitle = '【新增】信用审核申诉'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.init(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          this.formobj.creditApplySid = sid
+          this.formobj.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
+          this.formobj.createByName = window.sessionStorage.getItem('name')
+          this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+          this.formobj.applyDeptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
+          this.formobj.applyDeptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1)
+          getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+            if (res.success) {
+              this.formobj.useOrgSid = res.data
+              fetchBySid(res.data).then((respsone) => {
+                if (respsone.success) {
+                  this.formobj.useOrgName = respsone.data.name
+                }
+              })
+            }
+          })
+        }
+      })
+    },
+    showEdit(row) {
+      this.viewTitle = '【编辑】信用审核申诉'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.ssImages.length > 0) {
+            this.formobj.ssImages.forEach((e) => {
+              this.image_list1.push({
+                name: '',
+                url: e
+              })
+            })
+          }
+        }
+      })
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      this.list = row
+    },
+    handleSalesOrder() {
+      if (this.formobj.saleOrderSid !== '' && this.formobj.saleOrderSid !== null) {
+        this.viewState = 2
+        this.$refs['divSales'].showInfo(this.formobj.saleOrderSid)
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '无销售订单' })
+      }
+    },
+    handleAdd() {
+      this.formobj.loanCreditAppealPeos.push({
+        createByName: window.sessionStorage.getItem('name'),
+        idCard: '',
+        mainSid: '',
+        name: '',
+        phone: '',
+        remarks: '',
+        sid: ''
+      })
+    },
+    handleDelete(index) {
+      this.formobj.loanCreditAppealPeos.splice(index, 1)
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          this.getUrl()
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          this.getUrl()
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    getUrl() {
+      if (this.image_list1.length > 0) {
+        const aa = []
+        for (var i = 0; i < this.image_list1.length; i++) {
+          aa.push(this.image_list1[i].url)
+        }
+        this.formobj.ssImages = aa
+      } else {
+        this.formobj.ssImages = []
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      }
+      this.list = []
+      this.image_list1 = []
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue
new file mode 100644
index 0000000000..ce29f2d224
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue
@@ -0,0 +1,412 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" 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.applyDeptName }}</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="12">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">
+            <el-col :span="24">
+              <div class="span-sty">企业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.qyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <span v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">法人信息</span>
+            <span v-else>贷款人信息</span>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.idCard }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.phone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div>
+              <el-form-item>
+                <el-form-item>
+                  <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.idCardImages" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.idCardImages"/>
+                </el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>风控要求的其他人员</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanPreloanCreditApplyDetailsVo.loanPreloanCreditPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="人员身份" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证正反面照片" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            公司风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>要求附件</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.comFkFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsfkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            资方风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方名称</div>
+              <el-form-item>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.capitalName }}</span></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zffkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>申诉</div>
+            <el-button type="primary" size="mini" @click="handleSales">销售订单查看</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">申诉原因</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.appealReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>担保人</div>
+          </div>
+          <el-table :key="ensureKey" :data="formobj.loanCreditAppealPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">资方证明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image v-for="(item, index) in formobj.ssImages" :key="index" :src="item" :preview-src-list="formobj.ssImages"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <salesOrder v-show="viewState == 2" ref="divSales" @doback="resetState"/>
+    <!-- 身份证 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/creditauditappeal/creditauditappeal'
+import salesOrder from '@/components/publicPage/salesOrder'
+
+export default {
+  name: 'CreditAuditAppealInfo',
+  components: {
+    salesOrder
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      list: [],
+      image_list1: [],
+      submitdisabled: false,
+      tableKey: 0,
+      ensureKey: 1,
+      index: 0,
+      formobj: {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        procDefId: '',
+        procInstSid: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '贷前信用审核申诉详情'
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      this.list = row
+    },
+    handleSales() {
+      if (this.formobj.saleOrderSid !== '' && this.formobj.saleOrderSid !== null) {
+        this.viewState = 2
+        this.$refs['divSales'].showInfo(this.formobj.saleOrderSid)
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '无销售订单' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        procDefId: '',
+        procInstSid: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      }
+      this.list = []
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue b/anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue
index 7f9d41a606..7f4503cf87 100644
--- a/anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue
+++ b/anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue
@@ -97,6 +97,8 @@
     <creditauditmanagementAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
     <!--详情 -->
     <creditauditmanagementInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
+    <!-- 新增申诉 -->
+    <creditauditappealAdd v-show="viewState == 5" ref="divSS" @doback="resetState"/>
     <!--客户类型 -->
     <el-dialog title="请选择客户类型" :visible.sync="dialogVisible" width="30%">
       <el-form class="formadd">
@@ -124,6 +126,7 @@ import req from '@/api/creditauditmanagement/creditauditmanagement'
 import { typeValues } from '@/api/Common/dictcommons'
 import creditauditmanagementAdd from './creditauditmanagementAdd'
 import creditauditmanagementInfo from './creditauditmanagementInfo'
+import creditauditappealAdd from '../creditauditappeal/creditauditappealAdd'
 
 export default {
   name: 'CreditAuditManagement',
@@ -132,7 +135,8 @@ export default {
     pageye,
     ButtonBar,
     creditauditmanagementAdd,
-    creditauditmanagementInfo
+    creditauditmanagementInfo,
+    creditauditappealAdd
   },
   data() {
     return {
@@ -148,6 +152,13 @@ export default {
           btnKey: 'toAdd',
           btnLabel: '新增'
         },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toAppeal',
+          btnLabel: '申诉'
+        },
         {
           type: 'danger',
           size: 'small',
@@ -169,6 +180,7 @@ export default {
       tableKey: 0,
       list: [],
       sids: [], // 用于导出的时候保存已选择的SIDs
+      multipleSelection: [],
       FormLoading: false,
       listLoading: false,
       // 翻页
@@ -228,6 +240,9 @@ export default {
         case 'toAdd':
           this.toAdd()
           break
+        case 'toAppeal':
+          this.toAppeal()
+          break
         case 'doDel':
           this.doDel()
           break
@@ -241,6 +256,7 @@ export default {
     // 信息条数 获取点击时当前的sid
     handleSelectionChange(row) {
       const aa = []
+      this.multipleSelection = row
       row.forEach(element => {
         aa.push(element.sid)
       })
@@ -322,6 +338,18 @@ export default {
       this.viewState = 4
       this.$refs['divInfo'].showInfo(row)
     },
+    toAppeal() {
+      if (this.multipleSelection.length === 1) {
+        if (this.multipleSelection[0].gsfkjg !== '通过' && this.multipleSelection[0].ssjg !== '通过') {
+          this.viewState = 5
+          this.$refs['divSS'].showAdd(this.multipleSelection[0].sid)
+        } else {
+          this.$message({ showClose: true, type: 'error', message: '请选择公司风控结果为不通过且申诉结果不为通过的进行申诉操作' })
+        }
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行申诉操作' })
+      }
+    },
     doDel() {
       if (this.sids.length === 0) {
         this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
diff --git a/anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue
new file mode 100644
index 0000000000..05400f5582
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+        <div v-if="formobj.typeKey !== '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="6">
+              <div class="span-sty">是否打包</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <div class="span-sty">资方及产品政策</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">融资项目</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <span>主车发票价{{ formobj.mainVehicleAmount }} 元</span>
+                  <span>融资票据{{ formobj.accessoriesAmount }} 元</span>
+                  <span>挂车{{ formobj.trailerAmount }} 元</span>
+                  <span>保险{{ formobj.premium }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</span>
+                  <span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty">融资项目总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">首付比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">首付金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">年利率</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.otherPolicyState">
+            <div class="title">其它融</div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">其它融名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">月还金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <div class="span-sty">利息总额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">实际首付比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">总贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预计首款还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">应收明细</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">保险保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">落户保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">代收意外险</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">上牌费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">运管费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">补车价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">其它费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">其它费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</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.receivableTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">抵顶费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</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.realTotal }}</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.vehTotalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">名义(留购)价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div v-if="formobj.typeKey == '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscount }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>服务费</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.serviceAmount }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'JinRongFangAnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        otherPolicyState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.viewTitle = '金融方案'
+      this.formobj = value
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !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/publicPage/salesOrder.vue b/anrui-riskcenter-ui/src/views/workFlow/publicPage/salesOrder.vue
new file mode 100644
index 0000000000..de4a7980e5
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/publicPage/salesOrder.vue
@@ -0,0 +1,482 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--          <div class="title">挂车信息</div>-->
+          <!--          <el-row>-->
+          <!--            <el-col :span="24">-->
+          <!--              <el-form-item><span></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.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</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.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">单台订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">订金合计</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">订金缴纳方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">需补交订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></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.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">中介返利</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">内部引荐人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">返利备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介返利</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介返利合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介返利</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介返利合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>单车金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialschemeInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetails } from '@/api/Common/dictcommons'
+import financialschemeInfo from './financialschemeInfo'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '销售订单'
+      fetchDetails(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.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/xinyongshensuFlow/creditauditappealDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue
new file mode 100644
index 0000000000..748f2eb2f2
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue
@@ -0,0 +1,553 @@
+<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="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" 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.applyDeptName }}</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="12">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">
+            <el-col :span="24">
+              <div class="span-sty">企业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.qyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <span v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">法人信息</span>
+            <span v-else>贷款人信息</span>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.idCard }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.phone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div>
+              <el-form-item>
+                <el-form-item>
+                  <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.idCardImages" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.idCardImages"/>
+                </el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>风控要求的其他人员</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanPreloanCreditApplyDetailsVo.loanPreloanCreditPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="人员身份" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证正反面照片" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            公司风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>要求附件</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.comFkFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsfkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            资方风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方名称</div>
+              <el-form-item>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.capitalName }}</span></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zffkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>申诉</div>
+            <el-button type="primary" size="mini" @click="handleSales">销售订单查看</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">申诉原因</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.appealReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>担保人</div>
+          </div>
+          <el-table :key="ensureKey" :data="formobj.loanCreditAppealPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">资方证明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image v-for="(item, index) in formobj.ssImages" :key="index" :src="item" :preview-src-list="formobj.ssImages"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <salesOrder v-show="viewState == 2" ref="divSales" @doback="resetState"/>
+    <!-- 身份证 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <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/creditauditappeal/creditauditappeal'
+import salesOrder from '@/components/publicPage/salesOrder'
+
+export default {
+  name: 'CreditAuditAppealDaiBan',
+  components: {
+    salesOrder
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      list: [],
+      image_list1: [],
+      submitdisabled: false,
+      tableKey: 0,
+      ensureKey: 1,
+      index: 0,
+      formobj: {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        procDefId: '',
+        procInstSid: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {},
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  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.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 400 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '贷前信用审核申诉详情'
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      this.list = row
+    },
+    handleSales() {
+      if (this.formobj.saleOrderSid !== '' && this.formobj.saleOrderSid !== null) {
+        this.viewState = 2
+        this.$refs['divSales'].showInfo(this.formobj.saleOrderSid)
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '无销售订单' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = 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
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      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.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()
+        }
+      }
+    },
+    /** 同意任务 */
+    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: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue
new file mode 100644
index 0000000000..df85a4d8df
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.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="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.applyDeptName }}</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="12">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">
+            <el-col :span="24">
+              <div class="span-sty">企业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.qyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <span v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">法人信息</span>
+            <span v-else>贷款人信息</span>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.idCard }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.phone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div>
+              <el-form-item>
+                <el-form-item>
+                  <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.idCardImages" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.idCardImages"/>
+                </el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>风控要求的其他人员</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanPreloanCreditApplyDetailsVo.loanPreloanCreditPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="人员身份" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证正反面照片" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            公司风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>要求附件</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.comFkFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsfkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            资方风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方名称</div>
+              <el-form-item>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.capitalName }}</span></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zffkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>申诉</div>
+            <el-button type="primary" size="mini" @click="handleSalesOrder">销售订单查看</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">申诉原因</div>
+              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.appealReason" clearable placeholder=""/></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>担保人</div>
+            <el-button type="primary" size="mini" @click="handleAdd">添加</el-button>
+          </div>
+          <el-table :key="ensureKey" :data="formobj.loanCreditAppealPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="danger" size="mini" @click="handleDelete(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.name" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.idCard" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.phone" clearable placeholder="" />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.remarks" clearable placeholder="" />
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">资方证明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <upload-img ref="uploadImg" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <salesOrder v-show="viewState == 2" ref="divSales" @doback="resetState"/>
+    <!-- 身份证 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/creditauditappeal/creditauditappeal'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import salesOrder from '@/components/publicPage/salesOrder'
+
+export default {
+  name: 'CreditAuditAppealAdd',
+  components: {
+    uploadImg,
+    salesOrder
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      list: [],
+      image_list1: [],
+      submitdisabled: false,
+      tableKey: 0,
+      ensureKey: 1,
+      index: 0,
+      formobj: {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        saleOrderSid: '',
+        ssImages: [],
+        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: 400 + '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.ssImages.length > 0) {
+            this.formobj.ssImages.forEach((e) => {
+              this.image_list1.push({
+                name: '',
+                url: e
+              })
+            })
+          }
+        }
+      })
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      this.list = row
+    },
+    handleSalesOrder() {
+      if (this.formobj.saleOrderSid !== '' && this.formobj.saleOrderSid !== null) {
+        this.viewState = 2
+        this.$refs['divSales'].showInfo(this.formobj.saleOrderSid)
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '无销售订单' })
+      }
+    },
+    handleAdd() {
+      this.formobj.loanCreditAppealPeos.push({
+        createByName: window.sessionStorage.getItem('name'),
+        idCard: '',
+        mainSid: '',
+        name: '',
+        phone: '',
+        remarks: '',
+        sid: ''
+      })
+    },
+    handleDelete(index) {
+      this.formobj.loanCreditAppealPeos.splice(index, 1)
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          this.getUrl()
+          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
+          this.getUrl()
+          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
+          })
+        }
+      })
+    },
+    getUrl() {
+      if (this.image_list1.length > 0) {
+        const aa = []
+        for (var i = 0; i < this.image_list1.length; i++) {
+          aa.push(this.image_list1[i].url)
+        }
+        this.formobj.ssImages = aa
+      } else {
+        this.formobj.ssImages = []
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue
new file mode 100644
index 0000000000..f5971ace08
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue
@@ -0,0 +1,424 @@
+<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" 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.applyDeptName }}</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="12">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">
+            <el-col :span="24">
+              <div class="span-sty">企业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.qyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <span v-if="formobj.loanPreloanCreditApplyDetailsVo.custTypeKey != '1'">法人信息</span>
+            <span v-else>贷款人信息</span>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.idCard }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.phone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div>
+              <el-form-item>
+                <el-form-item>
+                  <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.idCardImages" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.idCardImages"/>
+                </el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>风控要求的其他人员</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanPreloanCreditApplyDetailsVo.loanPreloanCreditPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="人员身份" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.peoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证正反面照片" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            公司风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>要求附件</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.comFkFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.gsQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsfkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.gsshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            资方风控
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">资方名称</div>
+              <el-form-item>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.capitalName }}</span></el-form-item>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>查询结果截图</span></div>
+              <el-form-item>
+                <el-image class="addinputInfo" v-for="(item, index) in formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults" :key="index" :src="item" :preview-src-list="formobj.loanPreloanCreditApplyDetailsVo.zfQueryResults"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核结果</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zffkjg }}</span></el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>审核日期</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>备注</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPreloanCreditApplyDetailsVo.zfshRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>申诉</div>
+            <el-button type="primary" size="mini" @click="handleSales">销售订单查看</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">申诉原因</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.appealReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>担保人</div>
+          </div>
+          <el-table :key="ensureKey" :data="formobj.loanCreditAppealPeos" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="姓名" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="身份证号码" align="center" width="220">
+              <template slot-scope="scope">
+                <span>{{ scope.row.idCard }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.phone }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">资方证明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image v-for="(item, index) in formobj.ssImages" :key="index" :src="item" :preview-src-list="formobj.ssImages"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <salesOrder v-show="viewState == 2" ref="divSales" @doback="resetState"/>
+    <!-- 身份证 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/creditauditappeal/creditauditappeal'
+import salesOrder from '@/components/publicPage/salesOrder'
+
+export default {
+  name: 'CreditAuditAppealYiBan',
+  components: {
+    salesOrder
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      list: [],
+      image_list1: [],
+      submitdisabled: false,
+      tableKey: 0,
+      ensureKey: 1,
+      index: 0,
+      formobj: {
+        appealReason: '',
+        applyDeptName: '',
+        applyDeptSid: '',
+        billNo: '',
+        createByName: '',
+        createBySid: '',
+        creditApplySid: '',
+        loanCreditAppealPeos: [],
+        loanPreloanCreditApplyDetailsVo: {
+          applyDeptName: '',
+          applyDeptSid: '',
+          capitalBalance: '',
+          capitalName: '',
+          capitalSid: '',
+          comFkFiles: [],
+          createByName: '',
+          createBySid: '',
+          custName: '',
+          custSid: '',
+          custTypeKey: '',
+          custTypeValue: '',
+          gsQueryResults: [],
+          gsfkjg: '',
+          gsfkjgKey: '',
+          gsshDate: '',
+          gsshRemarks: '',
+          idCard: '',
+          idCardImages: [],
+          loanPreloanCreditPeos: [],
+          modelName: '',
+          modelSid: '',
+          orgSidPath: '',
+          phone: '',
+          qyName: '',
+          qySid: '',
+          sid: '',
+          ssjg: '',
+          type: '',
+          useOrgName: '',
+          useOrgSid: '',
+          zfQueryResults: [],
+          zffkjg: '',
+          zffkjgKey: '',
+          zfshDate: '',
+          zfshRemarks: ''
+        },
+        orgSidPath: '',
+        sid: '',
+        procDefId: '',
+        procInstSid: '',
+        saleOrderSid: '',
+        ssImages: [],
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {},
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  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: 400 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '贷前信用审核申诉详情'
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      this.list = row
+    },
+    handleSales() {
+      if (this.formobj.saleOrderSid !== '' && this.formobj.saleOrderSid !== null) {
+        this.viewState = 2
+        this.$refs['divSales'].showInfo(this.formobj.saleOrderSid)
+      } 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: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>