yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge remote-tracking branch 'origin/master'

master
God 2 years ago
parent
296deec87c d958d63e4a
commit
36ffe0816f
19 changed files with 4633 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehicle/AppBaseVehicleRest.java
  2. 7
      anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehicle/BaseVehicleService.java
  3. 2
      anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehiclestate/BaseVehicleStateMapper.xml
  4. 16
      anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehiclestate/BaseVehicleStateService.java
  5. 6
      anrui-buscenter/anrui-buscenter-biz/src/main/java/com/yxt/anrui/buscenter/biz/bussalesorder/BusSalesOrderService.java
  6. 53
      anrui-riskcenter-ui/src/api/Common/dictcommons.js
  7. 102
      anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js
  8. 334
      anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue
  9. 477
      anrui-riskcenter-ui/src/components/publicPage/salesOrder.vue
  10. 53
      anrui-riskcenter-ui/src/router/index.js
  11. 366
      anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue
  12. 525
      anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue
  13. 412
      anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue
  14. 30
      anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue
  15. 334
      anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue
  16. 482
      anrui-riskcenter-ui/src/views/workFlow/publicPage/salesOrder.vue
  17. 553
      anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue
  18. 464
      anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue
  19. 424
      anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue

3
anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehicle/AppBaseVehicleRest.java
View File

@ -37,8 +37,7 @@ public class AppBaseVehicleRest implements AppBaseVehicleFeign {
*/
@Override
public ResultBean<AppCurrentCarDetailConfigVo> getAppCurrentCarDetailConfigVo(String modelSid, String configSid, String userSid,String useOrgSid,String orgPath) {
AppCurrentCarDetailConfigVo vo = baseVehicleService.getAppCurrentCarDetailConfigVo(modelSid, configSid, userSid,useOrgSid,orgPath);
return new ResultBean<AppCurrentCarDetailConfigVo>().success().setData(vo);
return baseVehicleService.getAppCurrentCarDetailConfigVo(modelSid, configSid, userSid,useOrgSid,orgPath);
}

7
anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehicle/BaseVehicleService.java
View File

@ -1012,8 +1012,9 @@ public class BaseVehicleService extends MybatisBaseService<BaseVehicleMapper, Ba
* @param configSid
* @return
*/
public AppCurrentCarDetailConfigVo getAppCurrentCarDetailConfigVo(String modelSid, String configSid, String
public ResultBean<AppCurrentCarDetailConfigVo> getAppCurrentCarDetailConfigVo(String modelSid, String configSid, String
userSid, String useOrgSid, String orgPath) {
ResultBean<AppCurrentCarDetailConfigVo> rb = ResultBean.fireFail();
String useOrg = "";
if (StringUtils.isNotBlank(useOrgSid)) {
useOrg = useOrgSid;
@ -1031,6 +1032,8 @@ public class BaseVehicleService extends MybatisBaseService<BaseVehicleMapper, Ba
long time = date1.getTime();
configDetailVo.setDateLong(time);
}
}else{
return rb.setMsg("该分公司下无此车型配置");
}
configDetailVo.setVehicleTypeCode("车型信息（" + configDetailVo.getVehicleTypeCode() + "）");
configDetailVo.setConfigCode("常用配置（" + configDetailVo.getConfigCode() + "）");
@ -1099,7 +1102,7 @@ public class BaseVehicleService extends MybatisBaseService<BaseVehicleMapper, Ba
BaseModelConfig baseModelConfig = baseModelConfigService.fetchBySid(configSid);
String modelInfoName = baseModelConfigService.configNameSpell(baseModelConfig);
configDetailVo.setModelInfoName(modelInfoName);
return configDetailVo;
return rb.success().setData(configDetailVo);
}

2
anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehiclestate/BaseVehicleStateMapper.xml
View File

@ -4,6 +4,6 @@
<select id="selectOnes" resultType="com.yxt.anrui.base.api.basevehiclestate.BaseVehicleState">
select *
from base_vehicle_state
where busSid = #{busSid}
where busSid = #{busSid} order by id desc limit 1
</select>
</mapper>

16
anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/basevehiclestate/BaseVehicleStateService.java
View File

@ -82,8 +82,22 @@ public class BaseVehicleStateService extends MybatisBaseService<BaseVehicleState
baseVehicleState.setCarryVehicleState("1");
}
baseMapper.updateById(baseVehicleState);
}
}else{
if (BaseVehicleStateEnum.OperateTypeEnum.DDBA_PASS.getTypeKey().equals(operateType)) {
baseVehicleState = new BaseVehicleState();
BeanUtil.copyProperties(dto, baseVehicleState, "sid");
//销售订单办理通过后更新业务阶段为出库开票、小状态为待出库，款项状态为0
baseVehicleState.setFinState("0");
baseVehicleState.setCarryVehicleState("0");
baseVehicleState.setCarryInvoiceState("0");
baseVehicleState.setBusNo(BaseVehicleStateEnum.BusNoEnum.CKKP.getBusNoKey());
baseVehicleState.setBusName(BaseVehicleStateEnum.BusNoEnum.CKKP.getBusNoValue());
baseVehicleState.setBusState(BaseVehicleStateEnum.BusStateEnum.CKKP_STATE_1.getStateKey());
baseMapper.insert(baseVehicleState);
}
}
});

6
anrui-buscenter/anrui-buscenter-biz/src/main/java/com/yxt/anrui/buscenter/biz/bussalesorder/BusSalesOrderService.java
View File

@ -5225,7 +5225,7 @@ public class BusSalesOrderService extends MybatisBaseService<BusSalesOrderMapper
}
//-----------------推送车款款项结束
//推送采购渠道待选择
ScmPurchaseChannelDto scmPurchaseChannelDto = new ScmPurchaseChannelDto();
/* ScmPurchaseChannelDto scmPurchaseChannelDto = new ScmPurchaseChannelDto();
scmPurchaseChannelDto.setSaleOrderSid(busSalesOrder.getSid());
scmPurchaseChannelDto.setSaleOrderNo(busSalesOrder.getBillNo());
SysUserVo sysUserVo = sysUserFeign.selectByStaffsid(busSalesOrder.getStaffSid()).getData();
@ -5242,7 +5242,7 @@ public class BusSalesOrderService extends MybatisBaseService<BusSalesOrderMapper
scmPurchaseChannelDto.setSaleOrderApproDate(DateUtil.format(new Date(), "yyyy-MM-dd"));
BusSalesOrderPrice busSalesOrderPrice = busSalesOrderPriceService.selectBySalesOrderSid(busSalesOrder.getSid());
scmPurchaseChannelDto.setNum(busSalesOrderPrice.getQuantity().toString());
scmPurchaseChannelFeign.save(scmPurchaseChannelDto);
scmPurchaseChannelFeign.save(scmPurchaseChannelDto);*/
}
return rb.success().setData(resultBean.getData());
} else {
@ -5645,7 +5645,7 @@ public class BusSalesOrderService extends MybatisBaseService<BusSalesOrderMapper
busSalesOrderVehicle.setLinkSid(list.get(i).getLinkSid());
busSalesOrderVehicleService.updateById(busSalesOrderVehicle);
BaseVehicleStateDto baseVehicleStateDto = new BaseVehicleStateDto();
baseVehicleStateDto.setOperateType(BaseVehicleStateEnum.OperateTypeEnum.DDBA_SUBMIT.getTypeKey());
baseVehicleStateDto.setOperateType(BaseVehicleStateEnum.OperateTypeEnum.DDBA_SAVEVIN.getTypeKey());
if (StringUtils.isNotBlank(list.get(i).getLinkSid())) {
baseVehicleStateDto.setVinSid(list.get(i).getLinkSid());
baseVehicleStateDto.setVinNo(list.get(i).getLinkNo());

53
anrui-riskcenter-ui/src/api/Common/dictcommons.js
View File

@ -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'
})
}

102
anrui-riskcenter-ui/src/api/creditauditappeal/creditauditappeal.js
View File

@ -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
})
}
}

334
anrui-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue
View File

@ -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>

477
anrui-riskcenter-ui/src/components/publicPage/salesOrder.vue
View File

@ -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>

53
anrui-riskcenter-ui/src/router/index.js
View File

@ -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 }

366
anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappeal.vue
View File

@ -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>

525
anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealAdd.vue
View File

@ -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>

412
anrui-riskcenter-ui/src/views/creditauditappeal/creditauditappealInfo.vue
View File

@ -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>

30
anrui-riskcenter-ui/src/views/creditauditmanagement/creditauditmanagement.vue
View File

@ -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: '请选择至少一条记录进行删除操作' })

334
anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue
View File

@ -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>

482
anrui-riskcenter-ui/src/views/workFlow/publicPage/salesOrder.vue
View File

@ -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>

553
anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealDaiBan.vue
View File

@ -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>

464
anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealEdit.vue
View File

@ -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>

424
anrui-riskcenter-ui/src/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue
View File

@ -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>
Write Preview
Loading…
Cancel
Save