10 changed files with 3705 additions and 16 deletions
@ -0,0 +1,72 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export default { |
|||
// 查询分页列表
|
|||
listPage: function(params) { |
|||
return request({ |
|||
url: '/riskcenter/v1/LoanTemplate/listPage', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 根据分公司sid获取本分公司下的上装配置信息
|
|||
listPageBySZ: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehinstallmodel/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 根据分公司sid获取本分公司下的上装配置信息
|
|||
listPageByGC: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basetrailermodel/listPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 根据分公司sid获取本分公司下的车型和常用配置列表
|
|||
listPageByModelAndConfig: function(parmas) { |
|||
return request({ |
|||
url: '/base/basevehmodelconfig/selVehModelByUseOrgSidAndModelSidAndConfigSid', |
|||
method: 'post', |
|||
data: parmas, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
saveOrUpdate: function(data) { |
|||
return request({ |
|||
url: '/riskcenter/v1/LoanTemplate/saveOrUpdate', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
fetchBySid: function(data) { |
|||
return request({ |
|||
url: '/riskcenter/v1/LoanTemplate/details', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
// 停用或开启(1停用，0开启)
|
|||
setState: function(data) { |
|||
return request({ |
|||
url: '/riskcenter/v1/LoanTemplate/setState', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
deleteBySids: function(data) { |
|||
return request({ |
|||
url: '/riskcenter/v1/LoanTemplate/delBySids', |
|||
method: 'DELETE', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,834 @@ |
|||
<template> |
|||
<div> |
|||
<el-form ref="form_obj" :model="finance" class="formaddcopy02"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">是否打包</div> |
|||
<el-form-item> |
|||
<el-radio-group style="font-size: 1px" class="addinputw" @input="isPackChange" v-model="finance.isPack"> |
|||
<el-radio label="1">是</el-radio> |
|||
<el-radio label="0">否</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="span-sty">产品政策</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.policyName" placeholder="请选择" @change="changePolicy" clearable class="addinputInfo"> |
|||
<el-option v-for="item in policy_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目</div> |
|||
<el-form-item prop="mainVehicleAmount"> |
|||
<div class="addinputInfo"> |
|||
<span><span class="icon">*</span>主车发票价<el-input v-model="finance.mainVehicleAmount" @input="financingProject" clearable style="width: 100px" placeholder="" @keyup.native="finance.mainVehicleAmount = oninput(finance.mainVehicleAmount, 0)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.accessoriesAmountCb" style="padding-right: 5px"/>融资票据<el-input :disabled="!finance.accessoriesAmountCb" v-model="finance.accessoriesAmount" @input="financingProject" clearable style="width: 100px" placeholder="" @keyup.native="finance.accessoriesAmount = oninput(finance.accessoriesAmount, 0)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.trailerAmountCb" style="padding-right: 5px"/>挂车<el-input :disabled="!finance.trailerAmountCb" v-model="finance.trailerAmount" @input="financingProject" clearable style="width: 100px" placeholder="" @keyup.native="finance.trailerAmount = oninput(finance.trailerAmount, 0)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.premiumCb" style="padding-right: 5px"/>保险<el-input :disabled="!finance.premiumCb" v-model="finance.premium" @input="financingProject" clearable style="width: 100px" placeholder="" @keyup.native="finance.premium = oninput(finance.premium, 0)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.purchaseTaxCb" style="padding-right: 5px"/>购置税<el-input :disabled="!finance.purchaseTaxCb" v-model="finance.purchaseTax" @input="financingProject" clearable style="width: 100px" placeholder="" @keyup.native="finance.purchaseTax = oninput(finance.purchaseTax, 0)"/>元</span> |
|||
</div> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.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">{{ finance.downPayRatio }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>首付金额</div> |
|||
<el-form-item prop="downPayAmount"> |
|||
<el-input class="addinputw addinputInfo" v-model="finance.downPayAmount" @input="downPayAmountInput" placeholder="" clearable @keyup.native="finance.downPayAmount = oninput(finance.downPayAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品贷款金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.loanAmount }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品期数</div> |
|||
<el-form-item prop="loanPeriod"> |
|||
<span class="addinputInfo">{{ finance.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">{{ finance.bondRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>贷款保证金</div> |
|||
<el-form-item prop="bondAmount"> |
|||
<el-input class="addinputw" v-model="finance.bondAmount" placeholder="" @input="bondAmountInput" clearable @keyup.native="finance.bondAmount = oninput(finance.bondAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>厂家贴息</div> |
|||
<el-form-item prop="factoryDiscount"> |
|||
<el-input class="addinputw" v-model="finance.factoryDiscount" placeholder="" clearable @keyup.native="finance.factoryDiscount = oninput(finance.factoryDiscount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贴息用途</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.factoryDiscountUse" placeholder="请选择" @change="changeFactoryDiscountUse" clearable class="addinputInfo"> |
|||
<el-option v-for="item in factoryDiscountUse_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.policyYearRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>月还金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.loanPayMoney }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.loanInterest }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贴息抵车款</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.discountCar }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<el-checkbox v-model="finance.otherPolicyState" style="padding-right: 5px"/> |
|||
其它融 |
|||
</div> |
|||
<div v-if="finance.otherPolicyState"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它融名称</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.otherPolicyName" placeholder="请选择" @change="changeOtherPolicy" clearable class="addinputInfo"> |
|||
<el-option v-for="item in other_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>贷款金额</div> |
|||
<el-form-item prop="otherPolicyAmount"> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyAmount" placeholder="" @input="otherPolicyAmountInput" clearable @keyup.native="finance.otherPolicyAmount = oninput(finance.otherPolicyAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>期数</div> |
|||
<el-form-item prop="otherPolicyPeriod"> |
|||
<span class="addinputInfo">{{ finance.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">{{ finance.otherPolicyYearRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>月还金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.otherPolicyMonthlyRepay }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ finance.otherPolicyInterest }}</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">{{ loanDownPay() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">实际首付比例</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ downPayAmountsRatio() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">总贷款金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ loanAmountTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ 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">{{ monthlyRepay() }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ interest() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>预计首款还款日</div> |
|||
<el-form-item prop="returnTime"> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="finance.returnTime" clearable class="addinputw" type="date" placeholder=""/> |
|||
</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">{{ downPayAmounts() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ bondAmounts() }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">保险保证金</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.depositPremium" placeholder="" clearable @keyup.native="finance.depositPremium = oninput(finance.depositPremium, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">落户保证金</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.depositSettle" placeholder="" clearable @keyup.native="finance.depositSettle = oninput(finance.depositSettle, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>服务费</div> |
|||
<el-form-item prop="serviceAmount"> |
|||
<el-input class="addinputw" v-model="finance.serviceAmount" placeholder="" clearable @keyup.native="finance.serviceAmount = oninput(finance.serviceAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">代收意外险</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyAccidentPremium" placeholder="" clearable @keyup.native="finance.proxyAccidentPremium = oninput(finance.proxyAccidentPremium, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上牌费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.registerAmount" placeholder="" clearable @keyup.native="finance.registerAmount = oninput(finance.registerAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">运管费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.operationAmount" placeholder="" clearable @keyup.native="finance.operationAmount = oninput(finance.operationAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">补车价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.vehOtherPrice" placeholder="" clearable @keyup.native="finance.vehOtherPrice = oninput(finance.vehOtherPrice, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">其它费用</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherAmount" placeholder="" clearable @keyup.native="finance.otherAmount = oninput(finance.otherAmount, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它费用说明</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherAmountRemark" placeholder="" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">办理方式选择</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.dealWay" placeholder="请选择" @change="changeDealWay" clearable class="addinputInfo"> |
|||
<el-option v-for="item in dealWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="finance.dealWayKey == '01'"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">代收费用合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ proxyTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收首年保险费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyPremium" placeholder="" clearable @keyup.native="finance.proxyPremium = oninput(finance.proxyPremium, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收购置税</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyPurchasetax" placeholder="" clearable @keyup.native="finance.proxyPurchasetax = oninput(finance.proxyPurchasetax, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">应收合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ receivableTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="finance.dealWayKey == '02'"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">抵顶费用合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ offsetTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶首年保险费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.offsetPremium" placeholder="" clearable @keyup.native="finance.offsetPremium = oninput(finance.offsetPremium, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶购置税</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.offsetPurchasetax" placeholder="" clearable @keyup.native="finance.offsetPurchasetax = oninput(finance.offsetPurchasetax, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实收合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ realTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">车辆总价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.vehTotalPrice" placeholder="" clearable @keyup.native="finance.vehTotalPrice = oninput(finance.vehTotalPrice, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">名义(留购)价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.nominalPrice" placeholder="" clearable @keyup.native="finance.nominalPrice = oninput(finance.nominalPrice, 0)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { typeValues, selectList, selectListByOther } from '@/api/Common/dictcommons' |
|||
|
|||
export default { |
|||
name: 'JinRongFangAnEdit', |
|||
props: { |
|||
params: { |
|||
type: Object |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
tableKey: 0, |
|||
index: 0, |
|||
dealWay_list: [], |
|||
policy_list: [], |
|||
other_list: [], |
|||
factoryDiscountUse_list: [], |
|||
finance: {}, |
|||
rules: { |
|||
// mainVehicleAmount: [{ required: true, message: '主车发票价不能为空', trigger: 'blur' }], |
|||
// downPayAmount: [{ required: true, message: '首付金额不能为空', trigger: 'blur' }], |
|||
// loanPeriod: [{ required: true, message: '产品期数不能为空', trigger: 'blur' }], |
|||
// bondAmount: [{ required: true, message: '贷款保证金不能为空', trigger: 'blur' }], |
|||
// factoryDiscount: [{ required: true, message: '厂家贴息不能为空', trigger: 'blur' }], |
|||
// loanPayMoney: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }], |
|||
// otherPolicyAmount: [{ required: true, message: '贷款金额不能为空', trigger: 'blur' }], |
|||
// otherPolicyPeriod: [{ required: true, message: '期数不能为空', trigger: 'blur' }], |
|||
// otherPolicyMonthlyRepay: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }], |
|||
// returnTime: [{ required: true, message: '预计首期还款日不能为空', trigger: 'blur' }], |
|||
// serviceAmount: [{ required: true, message: '服务费不能为空', trigger: 'blur' }], |
|||
// factoryDiscountUse: [{ required: true, message: '厂家贴息用途不能为空', trigger: 'blur' }] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
params: { |
|||
deep: true, |
|||
immediate: false, |
|||
handler(newVal, oldVal) { |
|||
this.finance = newVal |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
typeValues({ type: 'dealWay' }).then((resp) => { |
|||
if (resp.success) { |
|||
this.dealWay_list = resp.data |
|||
} |
|||
}) |
|||
typeValues({ type: 'factoryDiscountUse' }).then((resp) => { |
|||
if (resp.success) { |
|||
this.factoryDiscountUse_list = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
// 输入数字正则 |
|||
oninput(val, limit = 0) { |
|||
val = val.replace(/[^\d]/g, '') // 保留数字 |
|||
val = val.replace(/^00/, '0'); // 开头不能有两个0 |
|||
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0 |
|||
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$' |
|||
const reg = new RegExp(str) |
|||
if (limit === 0) { |
|||
// 不需要小数点 |
|||
val = val.replace(reg, '$1') |
|||
} else { |
|||
// 通过正则保留小数点后指定的位数 |
|||
val = val.replace(reg, '$1.$2') |
|||
} |
|||
return val |
|||
}, |
|||
// 是否打包 |
|||
isPackChange() { |
|||
console.log(this.financeshi, 888888) |
|||
selectList({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), userSid: window.sessionStorage.getItem('defaultOrgPath'), isPack: this.finance.isPack }).then((resp) => { |
|||
if (resp.success) { |
|||
this.policy_list = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
// 资方产品政策 |
|||
changePolicy(value) { |
|||
const choose = this.policy_list.filter((item) => item.name === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.policySid = choose[0].sid |
|||
// 从金融产品政策中-- 获取标准年利率 |
|||
this.finance.policyYearRatio = choose[0].yearRatio |
|||
// 从金融产品政策中-- 获取首付比例 |
|||
this.finance.downPayRatio = choose[0].downPayRatio + '%' |
|||
// 从金融产品政策中-- 获取期数 |
|||
this.finance.loanPeriod = choose[0].period |
|||
// 从金融产品政策中-- 获取贷款保证金比例 |
|||
this.finance.bondRatio = choose[0].bondRatio + '%' |
|||
selectListByOther({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), userSid: window.sessionStorage.getItem('defaultOrgPath'), sid: choose[0].sid }).then((res) => { |
|||
if (res.success) { |
|||
this.other_list = res.data |
|||
} |
|||
}) |
|||
} else { |
|||
this.finance.policySid = '' |
|||
} |
|||
}, |
|||
// 主方案 -- 融资项目总额 |
|||
financingProject() { |
|||
if (this.finance.mainVehicleAmount !== '') { |
|||
this.finance.loanTotal = parseInt(this.arguments(this.finance.mainVehicleAmount)) + parseInt(this.arguments(this.finance.accessoriesAmount)) + parseInt(this.arguments(this.finance.trailerAmount)) + parseInt(this.arguments(this.finance.premium)) + parseInt(this.arguments(this.finance.purchaseTax)) |
|||
} else { |
|||
this.finance.loanTotal = '' |
|||
} |
|||
// 首次计算出或修改融资项目总额 |
|||
if (this.finance.loanTotal !== '') { |
|||
// 主方案 -- 计算首付金额 |
|||
this.finance.downPayAmount = parseInt(this.arguments(this.finance.loanTotal)) * parseFloat(this.arguments(this.finance.downPayRatio)) / 100 |
|||
// 主方案 -- 计算产品贷款金额 |
|||
this.finance.loanAmount = parseInt(this.arguments(this.finance.loanTotal)) - parseInt(this.arguments(this.finance.downPayAmount)) |
|||
// 主方案 -- 计算贷款保证金 |
|||
this.finance.bondAmount = parseFloat(this.arguments(this.finance.bondRatio)) * parseInt(this.arguments(this.finance.loanAmount)) / 100 |
|||
// 主方案 -- 月还金额 |
|||
this.monthlyPayment(this.finance.policyYearRatio, this.finance.loanPeriod, this.finance.loanAmount, 0, 0) |
|||
} |
|||
}, |
|||
// 主方案 -- 修改首付金额 |
|||
downPayAmountInput() { |
|||
if (this.finance.loanTotal !== '') { |
|||
// 重新计算首付比例 |
|||
this.finance.downPayRatio = (parseInt(this.arguments(this.finance.downPayAmount)) / parseInt(this.arguments(this.finance.loanTotal)) * 100).toFixed(2) + '%' |
|||
// 重新计算产品贷款金额 |
|||
this.finance.loanAmount = parseInt(this.arguments(this.finance.loanTotal)) - parseInt(this.arguments(this.finance.downPayAmount)) |
|||
// 主方案 -- 贷款保证金 |
|||
this.finance.bondAmount = parseFloat(this.arguments(this.finance.bondRatio)) * parseInt(this.arguments(this.finance.loanAmount)) / 100 |
|||
// 主方案 -- 月还金额 |
|||
this.monthlyPayment(this.finance.policyYearRatio, this.finance.loanPeriod, this.finance.loanAmount, 0, 0) |
|||
} |
|||
}, |
|||
// 主方案 -- 修改贷款保证金，重新计算贷款保证金比例 |
|||
bondAmountInput() { |
|||
if (this.finance.bondAmount !== '') { |
|||
this.finance.bondRatio = (parseInt(this.arguments(this.finance.bondAmount)) / parseInt(this.arguments(this.finance.loanAmount)) * 100).toFixed(2) + '%' |
|||
} |
|||
}, |
|||
// 主方案 -- 计算月还金额 |
|||
monthlyPayment(rate, nperiod, pv, fv, type) { |
|||
var pmt = '' |
|||
rate = parseFloat(parseInt(rate) / 100) / 12 |
|||
if (pv !== '') { |
|||
if (!fv) fv = 0 |
|||
if (!type) type = 0 |
|||
if (rate == 0) return -(pv + fv)/nperiod |
|||
var pvif = Math.pow(1 + rate, nperiod) |
|||
pmt = rate / (pvif - 1) * (pv * pvif + fv) |
|||
if (type == 1) { |
|||
pmt /= (1 + rate) |
|||
} |
|||
} |
|||
this.finance.loanPayMoney = pmt |
|||
// 根据月还金额 -- 计算利息总额 |
|||
this.finance.loanInterest = parseInt(this.finance.loanPayMoney) * parseInt(nperiod) - parseInt(pv) |
|||
}, |
|||
// 主方案 -- 贴息用途 |
|||
changeFactoryDiscountUse(value) { |
|||
const choose = this.factoryDiscountUse_list.filter((item) => item.dictValue === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.factoryDiscountUseKey = choose[0].dictKey |
|||
} else { |
|||
this.finance.factoryDiscountUseKey = '' |
|||
} |
|||
}, |
|||
// 其它融--名称 |
|||
changeOtherPolicy(value) { |
|||
const choose = this.other_list.filter((item) => item.name === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.otherPolicySid = choose[0].sid |
|||
this.finance.otherPolicyYearRatio = choose[0].yearRatio |
|||
this.finance.otherPolicyPeriod = choose[0].period |
|||
} else { |
|||
this.finance.otherPolicySid = '' |
|||
} |
|||
}, |
|||
// 其它融 -- 修改贷款金额 计算月还金额、利息总额 |
|||
otherPolicyAmountInput() { |
|||
this.otherMonthlyPayment(this.finance.otherPolicyYearRatio, this.finance.otherPolicyPeriod, this.finance.otherPolicyAmount, 0, 0) |
|||
}, |
|||
// 其它融 -- 计算月还金额、利息总额 |
|||
otherMonthlyPayment(rate, nperiod, pv, fv, type) { |
|||
var pmt = '' |
|||
rate = parseInt(parseInt(rate) / 100) / 12 |
|||
if (pv !== '') { |
|||
if (!fv) fv = 0 |
|||
if (!type) type = 0 |
|||
if (rate == 0) return -(pv + fv)/nperiod |
|||
var pvif = Math.pow(1 + rate, nperiod) |
|||
pmt = rate / (pvif - 1) * (pv * pvif + fv) |
|||
if (type == 1) { |
|||
pmt /= (1 + rate) |
|||
} |
|||
} |
|||
this.finance.otherPolicyMonthlyRepay = pmt |
|||
// 根据月还金额 -- 计算利息总额 |
|||
this.finance.otherPolicyInterest = parseInt(this.arguments(this.finance.otherPolicyMonthlyRepay)) * parseInt(nperiod) - parseInt(this.arguments(pv)) |
|||
}, |
|||
// 方案汇总 —— 融资首付 |
|||
loanDownPay() { |
|||
if (this.finance.downPayAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.loanDownPay = parseInt(this.arguments(this.finance.downPayAmount)) - parseInt(this.arguments(this.finance.otherPolicyAmount)) |
|||
} else { |
|||
this.finance.loanDownPay = this.finance.downPayAmount |
|||
} |
|||
} |
|||
return this.finance.loanDownPay |
|||
}, |
|||
// 方案汇总 —— 实际首付比例 |
|||
downPayAmountsRatio() { |
|||
if (this.finance.loanDownPay !== '' && this.finance.loanTotal !== '') { |
|||
this.finance.downPayAmountsRatio = (parseInt(this.finance.loanDownPay) / parseInt(this.finance.loanTotal) * 100).toFixed(2) + '%' |
|||
} |
|||
return this.finance.downPayAmountsRatio |
|||
}, |
|||
// 方案汇总 —— 总贷款金额 |
|||
loanAmountTotal() { |
|||
if (this.finance.loanAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.loanAmountTotal = parseInt(this.arguments(this.finance.loanAmount)) + parseInt(this.arguments(this.finance.otherPolicyAmount)) |
|||
} else { |
|||
this.finance.loanAmountTotal = this.finance.loanAmount |
|||
} |
|||
} |
|||
return this.finance.loanAmountTotal |
|||
}, |
|||
// 方案汇总 —— 期数 |
|||
period() { |
|||
if (this.finance.loanPeriod !== '') { |
|||
if (this.finance.otherPolicyPeriod !== '') { |
|||
if (parseInt(this.arguments(this.finance.loanPeriod)) - parseInt(this.arguments(this.finance.otherPolicyPeriod)) < 0) { |
|||
this.finance.period = '-' + '/' + this.finance.loanPeriod |
|||
} else { |
|||
const aa = parseInt(this.arguments(this.finance.loanPeriod)) - parseInt(this.arguments(this.finance.otherPolicyPeriod)) |
|||
this.finance.period = this.finance.otherPolicyPeriod + '/' + aa |
|||
} |
|||
} else { |
|||
this.finance.period = '-' + '/' + this.finance.loanPeriod |
|||
} |
|||
} |
|||
return this.finance.period |
|||
}, |
|||
// 方案汇总 —— 月还金额 |
|||
monthlyRepay() { |
|||
if (this.finance.loanPayMoney !== '') { |
|||
if (this.finance.otherPolicyMonthlyRepay !== '') { |
|||
if (parseInt(this.arguments(this.finance.loanPayMoney)) - parseInt(this.arguments(this.finance.otherPolicyMonthlyRepay)) === 0) { |
|||
const aa = parseInt(this.arguments(this.finance.loanPayMoney)) + parseInt(this.arguments(this.finance.otherPolicyMonthlyRepay)) |
|||
this.finance.monthlyRepay = aa + '/' + '-' |
|||
} else { |
|||
const bb = parseInt(this.arguments(this.finance.loanPayMoney)) + parseInt(this.arguments(this.finance.otherPolicyMonthlyRepay)) |
|||
this.finance.monthlyRepay = bb + '/' + this.finance.loanPayMoney |
|||
} |
|||
} else { |
|||
this.finance.monthlyRepay = this.finance.loanPayMoney + '/' + '-' |
|||
} |
|||
} |
|||
return this.finance.monthlyRepay |
|||
}, |
|||
// 方案汇总 —— 利息总额 |
|||
interest() { |
|||
if (this.finance.loanInterest !== '' && this.finance.otherPolicyInterest !== '') { |
|||
this.finance.interest = parseInt(this.arguments(this.finance.loanInterest)) + parseInt(this.arguments(this.finance.otherPolicyInterest)) |
|||
} else if (this.finance.loanInterest === '' && this.finance.otherPolicyInterest !== '') { |
|||
this.finance.interest = this.finance.otherPolicyInterest |
|||
} else if (this.finance.loanInterest !== '' && this.finance.otherPolicyInterest === '') { |
|||
this.finance.interest = this.finance.loanInterest |
|||
} else { |
|||
this.finance.interest = '' |
|||
} |
|||
return this.finance.interest |
|||
}, |
|||
// 应收明细 —— 融资首付 |
|||
downPayAmounts() { |
|||
if (this.finance.downPayAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.downPayAmounts = parseInt(this.arguments(this.finance.downPayAmount)) - parseInt(this.arguments(this.finance.otherPolicyAmount)) |
|||
} else { |
|||
this.finance.downPayAmounts = this.finance.downPayAmount |
|||
} |
|||
} |
|||
return this.finance.downPayAmounts |
|||
}, |
|||
// 应收明细 —— 贷款保证金 |
|||
bondAmounts() { |
|||
if (this.finance.bondAmount !== '') { |
|||
this.finance.bondAmounts = this.finance.bondAmount |
|||
} |
|||
return this.finance.bondAmount |
|||
}, |
|||
changeDealWay(value) { |
|||
const choose = this.dealWay_list.filter((item) => item.dictValue === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.dealWayKey = choose[0].dictKey |
|||
} else { |
|||
this.finance.dealWayKey = '' |
|||
} |
|||
if (this.finance.dealWayKey === '02') { |
|||
this.finance.proxyPremium = '0' |
|||
this.finance.proxyPurchasetax = '0' |
|||
} else { |
|||
this.finance.proxyPremium = '' |
|||
this.finance.proxyPurchasetax = '' |
|||
} |
|||
}, |
|||
// 应收明细 -- 代收费用合计 |
|||
proxyTotal() { |
|||
if (this.finance.proxyPremium !== '' && this.finance.proxyPurchasetax !== '') { |
|||
this.finance.proxyTotal = parseInt(this.arguments(this.finance.proxyPremium)) + parseInt(this.arguments(this.finance.proxyPurchasetax)) |
|||
} else if (this.finance.proxyPremium === '' && this.finance.proxyPurchasetax !== '') { |
|||
this.finance.proxyTotal = this.finance.proxyPurchasetax |
|||
} else if (this.finance.proxyPremium !== '' && this.finance.proxyPurchasetax === '') { |
|||
this.finance.proxyTotal = this.finance.proxyPremium |
|||
} else { |
|||
this.finance.proxyTotal = '' |
|||
} |
|||
return this.finance.proxyTotal |
|||
}, |
|||
// 应收明细 —— 应收合计 |
|||
receivableTotal() { |
|||
if (this.finance.serviceAmount !== '') { |
|||
this.finance.receivableTotal = parseInt(this.arguments(this.finance.downPayAmounts)) + parseInt(this.arguments(this.finance.bondAmounts)) + parseInt(this.arguments(this.finance.depositPremium)) + parseInt(this.arguments(this.finance.depositSettle)) + parseInt(this.arguments(this.finance.serviceAmount)) + parseInt(this.arguments(this.finance.proxyAccidentPremium)) + parseInt(this.arguments(this.finance.registerAmount)) + parseInt(this.arguments(this.finance.operationAmount)) + parseInt(this.arguments(this.finance.vehOtherPrice)) + parseInt(this.arguments(this.finance.otherAmount)) + parseInt(this.arguments(this.finance.proxyPremium)) + parseInt(this.arguments(this.finance.proxyPurchasetax)) |
|||
} |
|||
return this.finance.receivableTotal |
|||
}, |
|||
// 应收明细 —— 抵顶费用合计 |
|||
offsetTotal() { |
|||
if (this.finance.offsetPremium !== '' && this.finance.offsetPurchasetax !== '') { |
|||
this.finance.offsetTotal = parseInt(this.arguments(this.finance.offsetPremium)) + parseInt(this.arguments(this.finance.offsetPurchasetax)) |
|||
} else if (this.finance.offsetPremium === '' && this.finance.offsetPurchasetax !== '') { |
|||
this.finance.offsetTotal = this.finance.offsetPurchasetax |
|||
} else if (this.finance.offsetPremium !== '' && this.finance.offsetPurchasetax === '') { |
|||
this.finance.offsetTotal = this.finance.offsetPremium |
|||
} else { |
|||
this.finance.offsetTotal = '' |
|||
} |
|||
return this.finance.offsetTotal |
|||
}, |
|||
// 应收明细 —— 实收合计 |
|||
realTotal() { |
|||
if (this.finance.offsetTotal !== '') { |
|||
this.finance.realTotal = parseInt(this.arguments(this.finance.receivableTotal)) - parseInt(this.arguments(this.finance.offsetTotal)) |
|||
} else { |
|||
this.finance.realTotal = this.finance.receivableTotal |
|||
} |
|||
return this.finance.realTotal |
|||
}, |
|||
arguments(val) { |
|||
if (val === '' || val === undefined) { |
|||
val = 0 |
|||
return val |
|||
} else { |
|||
return val |
|||
} |
|||
}, |
|||
handleReturn() { |
|||
this.finance = { |
|||
saleOrderSid: '', |
|||
isPack: '', |
|||
policyName: '', |
|||
mainVehicleAmount: '', |
|||
accessoriesAmount: '', |
|||
trailerAmount: '', |
|||
purchaseTax: '', |
|||
premium: '', |
|||
loanTotal: '', |
|||
|
|||
accessoriesAmountCb: false, |
|||
trailerAmountCb: false, |
|||
purchaseTaxCb: false, |
|||
premiumCb: false, |
|||
|
|||
downPayRatio: '', |
|||
downPayAmount: '', |
|||
loanAmount: '', |
|||
loanPeriod: '', |
|||
bondRatio: '', |
|||
bondAmount: '', |
|||
factoryDiscount: '', |
|||
factoryDiscountUse: '', |
|||
policyYearRatio: '', |
|||
loanPayMoney: '', |
|||
loanInterest: '', |
|||
otherPolicyState: false, |
|||
|
|||
otherPolicyName: '', |
|||
otherPolicyAmount: '', |
|||
otherPolicyPeriod: '', |
|||
|
|||
otherPolicyMonthlyRepay: '', |
|||
otherPolicyInterest: '', |
|||
otherPolicyYearRatio: '', |
|||
|
|||
loanDownPay: '', |
|||
downPayAmountsRatio: '', |
|||
loanAmountTotal: '', |
|||
period: '', |
|||
monthlyRepay: '', |
|||
interest: '', |
|||
returnTime: '', |
|||
|
|||
downPayAmounts: '', |
|||
bondAmounts: '', |
|||
depositPremium: '', |
|||
depositSettle: '', |
|||
serviceAmount: '', |
|||
proxyAccidentPremium: '', |
|||
registerAmount: '', |
|||
operationAmount: '', |
|||
vehOtherPrice: '', |
|||
otherAmount: '', |
|||
otherAmountRemark: '', |
|||
dealWay: '', |
|||
dealWayKey: '', |
|||
proxyPremium: '', |
|||
proxyPurchasetax: '', |
|||
offsetPremium: '', |
|||
offsetPurchasetax: '', |
|||
offsetTotal: '', |
|||
receivableTotal: '', |
|||
realTotal: '', |
|||
vehTotalPrice: '', |
|||
nominalPrice: '' |
|||
} |
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formaddcopy02 { |
|||
padding: 0px; |
|||
} |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
|
|||
.addinputw { |
|||
margin-left: 130px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 130px !important; |
|||
width: calc(100% - 125px); |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,444 @@ |
|||
<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.templateName" placeholder="" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="使用状态"> |
|||
<el-select v-model="listQuery.params.useStateKey" placeholder="请选择" clearable filterable> |
|||
<el-option v-for="item in useSate_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.vehModel" placeholder="" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="资方产品政策"> |
|||
<el-input v-model="listQuery.params.policyName" placeholder="" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="其它融产品名称"> |
|||
<el-input v-model="listQuery.params.otherPolicyName" placeholder="" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="申请日期"> |
|||
<el-date-picker v-model="listQuery.params.filingDateStart" 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.filingDateEnd" 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="180px" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true" @click="toEdit(scope.row)">办理</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="useStateValue" label="使用状态" align="center" width="100" /> |
|||
<el-table-column prop="useOrgName" label="分公司" align="center" width="150" /> |
|||
<el-table-column prop="applyDept" label="申请部门" align="center" min-width="150" /> |
|||
<el-table-column prop="createByName" label="申请人" align="center" width="160" /> |
|||
<el-table-column prop="filingDate" label="申请日期" align="center" width="100" /> |
|||
<el-table-column prop="templateName" label="模板名称" align="center" width="100" /> |
|||
<el-table-column prop="vehTypeValue" label="预估报价单方案" align="center" width="100" /> |
|||
<el-table-column prop="serviceAmountTypeValue" label="车型" align="center" width="120" /> |
|||
<el-table-column prop="policyName" label="资方产品政策" align="center" width="80" /> |
|||
<el-table-column prop="otherPolicyName" 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> |
|||
<!-- 新增或编辑 --> |
|||
<customizedfinancialsolutionsAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
|||
<!-- 详情 --> |
|||
<!-- <customizedfinancialsolutionsInfo v-show="viewState == 4" 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/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
import customizedfinancialsolutionsAdd from './customizedfinancialsolutionsAdd' |
|||
import customizedfinancialsolutionsInfo from './customizedfinancialsolutionsInfo' |
|||
import { getStorage } from '@/utils/auth' |
|||
|
|||
export default { |
|||
name: 'CustomizedFinancialSolutions', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
ButtonBar, |
|||
customizedfinancialsolutionsAdd, |
|||
customizedfinancialsolutionsInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
url: '', |
|||
dialogHeight: '80%', |
|||
centerDialogVisible: false, |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'plus', |
|||
btnKey: 'toAdd', |
|||
btnLabel: '新增' |
|||
}, |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: 'del', |
|||
btnKey: 'doDel', |
|||
btnLabel: '删除' |
|||
}, |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: '', |
|||
btnKey: 'toBlockUp', |
|||
btnLabel: '停用' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: '', |
|||
btnKey: 'toOpen', |
|||
btnLabel: '开启' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看 |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], // 用于导出的时候保存已选择的SIDs |
|||
multipleSelection: [], |
|||
useSate_list: [ |
|||
{ |
|||
dictKey: '0', |
|||
dictValue: '正常' |
|||
}, |
|||
{ |
|||
dictKey: '1', |
|||
dictValue: '停用' |
|||
} |
|||
], |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
// 翻页 |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
filingDateEnd: '', |
|||
filingDateStart: '', |
|||
templateName: '', |
|||
useOrgName: '', |
|||
useStateKey: '', |
|||
vehModel: '', |
|||
userSid: '', |
|||
orhPath: '', |
|||
policyName: '', |
|||
otherPolicyName: '' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
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.procInstId, |
|||
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 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'toBlockUp': |
|||
this.toBlockUp() |
|||
break |
|||
case 'toOpen': |
|||
this.toOpen() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// 信息条数 获取点击时当前的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.userSid = window.sessionStorage.getItem('userSid') |
|||
this.listQuery.params.menuUrl = this.$route.path |
|||
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
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: { |
|||
filingDateEnd: '', |
|||
filingDateStart: '', |
|||
templateName: '', |
|||
useOrgName: '', |
|||
useStateKey: '', |
|||
vehModel: '', |
|||
userSid: '', |
|||
orhPath: '', |
|||
policyName: '', |
|||
otherPolicyName: '' |
|||
} |
|||
} |
|||
this.init() |
|||
}, |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divAdd'].showAdd() |
|||
}, |
|||
toEdit(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divAdd'].showEdit(row) |
|||
}, |
|||
toInfo(row) { |
|||
this.viewState = 4 |
|||
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(() => { |
|||
}) |
|||
}, |
|||
toBlockUp() { |
|||
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.setState({ sidsList: this.sids, useState: '1' }).then(resp => { |
|||
if (resp.success) { |
|||
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
} |
|||
this.getList() |
|||
loading.close() |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
toOpen() { |
|||
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.setState({ sidsList: this.sids, useState: '0' }).then(resp => { |
|||
if (resp.success) { |
|||
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
} |
|||
this.getList() |
|||
loading.close() |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
lookOther(row) { |
|||
this.viewState = 5 |
|||
this.$refs['divOther'].showInfo(row.otherPolicySid) |
|||
}, |
|||
// 修改、编辑、详情返回列表页面 |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,600 @@ |
|||
<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="12"> |
|||
<div class="span-sty">模板名称</div> |
|||
<el-form-item><el-input class="addinputInfo" style="width: 30%" v-model="formobj.templateName" clearable placeholder=""/></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">选择预估报价单</div> |
|||
<el-form-item> |
|||
<el-select class="addinputInfo" v-model="formobj.showTypeKey" placeholder="请选择" @change="showTypeChange" clearable filterable> |
|||
<el-option v-for="item in proposal_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title titleOne"> |
|||
<div>车型确定</div> |
|||
<el-button type="primary" size="mini" @click="selectModel">选择车型</el-button> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.vehModel }}</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.vehModelConfig }}</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.vehModelConfigMore }}</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.vehPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">合格证公告型号</div> |
|||
<el-form-item> |
|||
<el-select class="addinputInfo" v-model="formobj.vehNoticeModelSid" placeholder="请选择" @change="noticeModelChange" clearable filterable> |
|||
<el-option v-for="item in NoticeModel_list" :key="item.sid" :label="item.dictValue" :value="item.sid"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title titleOne"> |
|||
<div><el-checkbox v-model="formobj.install" style="padding-right: 5px"/>上装</div> |
|||
<el-button v-show="formobj.install" type="primary" size="mini" @click="selectSZ">选择上装</el-button> |
|||
</div> |
|||
<div v-show="formobj.install"> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上装名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.installNameValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">委改方式</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitMethodValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">供应商</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitFactory }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">货箱内部尺寸</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.wkSize }}</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.loanTemplateInstall.plateMaterialValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">板材厚度</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.plateThickness }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">颜色</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.colorValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资价格</div> |
|||
<el-form-item><el-input v-model="formobj.loanTemplateInstall.vehInstallPrice" class="addinputInfo" style="width: 50%" clearable placeholder=""/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">更多配置</div> |
|||
<el-form-item><span>{{ formobj.loanTemplateInstall.moreConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">备注说明</div> |
|||
<el-form-item><el-input v-model="formobj.loanTemplateInstall.vehInstallRemark" class="addinputw addinputInfo" clearable placeholder=""/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title titleOne"> |
|||
<div><el-checkbox v-model="formobj.trailer" style="padding-right: 5px"/>挂车</div> |
|||
<el-button v-show="formobj.trailer" type="primary" size="mini" @click="selectGC">选择挂车</el-button> |
|||
</div> |
|||
<div v-show="formobj.trailer"> |
|||
<el-row> |
|||
<el-col :span="12" class="tlineheightb"> |
|||
<div class="span-sty">车型名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.modelTrailerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">车辆品牌</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.brandName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">车辆型号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.carModelName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">厂商名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.manufacturerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">内部尺寸</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.insideSize }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">箱体颜色</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.boxColor }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资价格</div> |
|||
<el-form-item><el-input v-model="formobj.loanTemplateTrailer.vehTrailerPrice" class="addinputInfo" style="width: 50%" clearable placeholder=""/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">更多配置</div> |
|||
<el-form-item><span>{{ formobj.loanTemplateTrailer.moreConfig }}</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> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">备注说明</div> |
|||
<el-form-item><el-input v-model="formobj.loanTemplateTrailer.vehTrailerRemark" class="addinputw addinputInfo" clearable placeholder=""/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title"> |
|||
<div>消贷金融方案<span style="margin-left: 10px">(说明：融资项目中保险为预估费用，必须小于保险发票票面金额，预估金额精确到百位。购置税=主车发票价/11.3，舍到个位，不足金额需要客户线下补交。)</span></div> |
|||
</div> |
|||
<financialscheme ref="divJRFA" :params="this.formobj.loanTemplateSolutions"/> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!-- 车型选择 --> |
|||
<modelSelect v-show="viewState == 2" ref="divModel" @backData="backModel" @doback="resetState"/> |
|||
<!-- 上装选择 --> |
|||
<shangzhuangselect v-show="viewState == 3" ref="divSZ" @backData="backSZ" @doback="resetState"/> |
|||
<!-- 挂车选择 --> |
|||
<guacheselect v-show="viewState == 4" ref="divGC" @backData="backGC" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
import { typeValues, getOrgSidByPath, getAnnounceList } from '@/api/Common/dictcommons' |
|||
import shangzhuangselect from './relation/shangzhuangselect' |
|||
import modelSelect from './relation/modelSelect' |
|||
import guacheselect from './relation/guacheselect' |
|||
import financialscheme from '@/components/publicPage/financialscheme' |
|||
import uploadImg from '@/components/uploadFile/uploadImg' |
|||
|
|||
export default { |
|||
name: 'CustomizedFinancialSolutionsAdd', |
|||
components: { |
|||
modelSelect, |
|||
shangzhuangselect, |
|||
guacheselect, |
|||
financialscheme, |
|||
uploadImg |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
viewState: 1, |
|||
submitdisabled: false, |
|||
proposal_list: [], |
|||
NoticeModel_list: [], |
|||
image_list: [], |
|||
formobj: { |
|||
useOrgSid: '', |
|||
install: false, |
|||
loanTemplateInstall: { |
|||
colorValue: '', |
|||
installNameValue: '', |
|||
moreConfig: '', |
|||
plateMaterialValue: '', |
|||
plateThicknessBottom: '', |
|||
plateThicknessEdge: '', |
|||
plateThickness: '', |
|||
refitFactory: '', |
|||
refitMethodValue: '', |
|||
vehInstallPrice: '', |
|||
vehInstallRemark: '', |
|||
vehInstallModelSid: '', |
|||
wkSize: '', |
|||
wk_high: '', |
|||
wk_long: '', |
|||
wk_wide: '' |
|||
}, |
|||
loanTemplateSolutions: { |
|||
saleOrderSid: '', |
|||
type: '', |
|||
isPack: '', |
|||
policyName: '', |
|||
policySid: '', |
|||
mainVehicleAmount: '', |
|||
accessoriesAmount: '', |
|||
trailerAmount: '', |
|||
purchaseTax: '', |
|||
premium: '', |
|||
loanTotal: '', |
|||
|
|||
accessoriesAmountCb: false, |
|||
trailerAmountCb: false, |
|||
purchaseTaxCb: false, |
|||
premiumCb: false, |
|||
|
|||
downPayRatio: '', |
|||
downPayAmount: '', |
|||
loanAmount: '', |
|||
loanPeriod: '', |
|||
bondRatio: '', |
|||
bondAmount: '', |
|||
factoryDiscount: '', |
|||
factoryDiscountUse: '', |
|||
policyYearRatio: '', |
|||
loanPayMoney: '', |
|||
loanInterest: '', |
|||
discountCar: '', |
|||
otherPolicyState: false, |
|||
|
|||
otherPolicyName: '', |
|||
otherPolicySid: '', |
|||
otherPolicyAmount: '', |
|||
otherPolicyPeriod: '', |
|||
|
|||
otherPolicyMonthlyRepay: '', |
|||
otherPolicyInterest: '', |
|||
otherPolicyYearRatio: '', |
|||
|
|||
loanDownPay: '', |
|||
downPayAmountsRatio: '', |
|||
loanAmountTotal: '', |
|||
period: '', |
|||
monthlyRepay: '', |
|||
interest: '', |
|||
returnTime: '', |
|||
|
|||
downPayAmounts: '', |
|||
bondAmounts: '', |
|||
depositPremium: '', |
|||
depositSettle: '', |
|||
serviceAmount: '', |
|||
proxyAccidentPremium: '', |
|||
registerAmount: '', |
|||
operationAmount: '', |
|||
vehOtherPrice: '', |
|||
otherAmount: '', |
|||
otherAmountRemark: '', |
|||
dealWay: '', |
|||
dealWayKey: '', |
|||
proxyPremium: '', |
|||
proxyPurchasetax: '', |
|||
proxyTotal: '', |
|||
offsetPremium: '', |
|||
offsetPurchasetax: '', |
|||
offsetTotal: '', |
|||
receivableTotal: '', |
|||
realTotal: '', |
|||
vehTotalPrice: '', |
|||
nominalPrice: '' |
|||
}, |
|||
loanTemplateTrailer: { |
|||
boxColor: '', |
|||
brandName: '', |
|||
carModelName: '', |
|||
insideSize: '', |
|||
insideSizeHigh: '', |
|||
insideSizeLong: '', |
|||
insideSizeWide: '', |
|||
manufacturerName: '', |
|||
modelTrailerName: '', |
|||
moreConfig: '', |
|||
vehTrailerModelSid: '', |
|||
vehTrailerCertificateFile: [], |
|||
vehTrailerPrice: '', |
|||
vehTrailerRemark: '' |
|||
}, |
|||
orgPath: '', |
|||
showTypeKey: '', |
|||
showTypeValue: '', |
|||
sid: '', |
|||
taskId: '', |
|||
templateName: '', |
|||
trailer: false, |
|||
instanceId: '', |
|||
userSid: '', |
|||
vehModel: '', |
|||
vehModelConfig: '', |
|||
vehModelConfigMore: '', |
|||
vehModelConfigSid: '', |
|||
vehModelSid: '', |
|||
vehNoticeModel: '', |
|||
vehNoticeModelSid: '', |
|||
vehPrice: '' |
|||
}, |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
typeValues({ type: 'revalencyScheme' }).then((resp) => { |
|||
if (resp.success) { |
|||
this.proposal_list = resp.data |
|||
} |
|||
}) |
|||
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => { |
|||
if (resp.success) { |
|||
this.formobj.useOrgSid = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
getAnnounceList() { |
|||
getAnnounceList({ modelSid: this.formobj.vehModelSid, orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|||
if (res.success) { |
|||
this.NoticeModel_list = [] |
|||
} |
|||
}) |
|||
}, |
|||
showAdd() { |
|||
this.init() |
|||
this.viewTitle = '【新增】公司定制金融方案申请' |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.formobj.userSid = window.sessionStorage.getItem('userSid') |
|||
this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
this.formobj.loanTemplateSolutions = { |
|||
saleOrderSid: '', |
|||
type: '', |
|||
isPack: '', |
|||
policyName: '', |
|||
policySid: '', |
|||
mainVehicleAmount: '', |
|||
accessoriesAmount: '', |
|||
trailerAmount: '', |
|||
purchaseTax: '', |
|||
premium: '', |
|||
loanTotal: '', |
|||
|
|||
accessoriesAmountCb: false, |
|||
trailerAmountCb: false, |
|||
purchaseTaxCb: false, |
|||
premiumCb: false, |
|||
|
|||
downPayRatio: '', |
|||
downPayAmount: '', |
|||
loanAmount: '', |
|||
loanPeriod: '', |
|||
bondRatio: '', |
|||
bondAmount: '', |
|||
factoryDiscount: '', |
|||
factoryDiscountUse: '', |
|||
policyYearRatio: '', |
|||
loanPayMoney: '', |
|||
loanInterest: '', |
|||
otherPolicyState: false, |
|||
|
|||
otherPolicyName: '', |
|||
otherPolicySid: '', |
|||
otherPolicyAmount: '', |
|||
otherPolicyPeriod: '', |
|||
|
|||
otherPolicyMonthlyRepay: '', |
|||
otherPolicyInterest: '', |
|||
otherPolicyYearRatio: '', |
|||
|
|||
loanDownPay: '', |
|||
downPayAmountsRatio: '', |
|||
loanAmountTotal: '', |
|||
period: '', |
|||
monthlyRepay: '', |
|||
interest: '', |
|||
returnTime: '', |
|||
|
|||
downPayAmounts: '', |
|||
bondAmounts: '', |
|||
depositPremium: '', |
|||
depositSettle: '', |
|||
serviceAmount: '', |
|||
proxyAccidentPremium: '', |
|||
registerAmount: '', |
|||
operationAmount: '', |
|||
vehOtherPrice: '', |
|||
otherAmount: '', |
|||
otherAmountRemark: '', |
|||
dealWay: '', |
|||
dealWayKey: '', |
|||
proxyPremium: '', |
|||
proxyPurchasetax: '', |
|||
offsetPremium: '', |
|||
offsetPurchasetax: '', |
|||
offsetTotal: '', |
|||
receivableTotal: '', |
|||
realTotal: '', |
|||
vehTotalPrice: '', |
|||
nominalPrice: '' |
|||
} |
|||
}, |
|||
showEdit(row) { |
|||
this.viewTitle = '【编辑】公司定制金融方案申请' |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
}, |
|||
showTypeChange(value) { |
|||
const choose = this.proposal_list.filter((item) => item.dictKey === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.formobj.showTypeValue = choose[0].dictValue |
|||
} else { |
|||
this.formobj.showTypeValue = '' |
|||
} |
|||
}, |
|||
noticeModelChange(value) { |
|||
const choose = this.NoticeModel_list.filter((item) => item.sid === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.formobj.vehNoticeModel = choose[0].dictValue |
|||
} else { |
|||
this.formobj.vehNoticeModel = '' |
|||
} |
|||
}, |
|||
selectModel() { |
|||
this.viewState = 2 |
|||
const aa = [] |
|||
if (this.formobj.vehModelConfigSid !== '' && this.formobj.vehModelSid !== '') { |
|||
aa.push({ |
|||
vehicleSid: this.formobj.vehModelSid, |
|||
configSid: this.formobj.vehModelConfigSid |
|||
}) |
|||
} |
|||
this.$refs['divModel'].showData(aa, '', this.formobj.useOrgSid) |
|||
}, |
|||
backModel(value) { |
|||
this.viewState = 1 |
|||
this.formobj.vehModel = value.modelName |
|||
this.formobj.vehModelSid = value.modelSid |
|||
this.formobj.vehModelConfig = value.configName |
|||
this.formobj.vehModelConfigSid = value.configSid |
|||
this.formobj.vehModelConfigMore = value.otherConfig |
|||
this.formobj.vehPrice = value.guidedPrice |
|||
this.getAnnounceList() |
|||
}, |
|||
selectSZ() { |
|||
this.viewState = 3 |
|||
this.$refs['divSZ'].showData() |
|||
}, |
|||
backSZ(value) { |
|||
this.viewState = 1 |
|||
this.formobj.loanTemplateInstall = { |
|||
colorValue: value.colorValue, |
|||
installNameValue: value.installNameValue, |
|||
moreConfig: value.moreConfig, |
|||
plateMaterialValue: value.plateMaterialValue, |
|||
plateThicknessBottom: '', |
|||
plateThicknessEdge: '', |
|||
plateThickness: value.plateThickness, |
|||
refitFactory: value.refitFactory, |
|||
refitMethodValue: value.refitMethodValue, |
|||
vehInstallPrice: '', |
|||
vehInstallRemark: '', |
|||
vehInstallModelSid: value.sid, |
|||
wkSize: value.wk, |
|||
wk_high: '', |
|||
wk_long: '', |
|||
wk_wide: '' |
|||
} |
|||
}, |
|||
selectGC() { |
|||
this.viewState = 4 |
|||
this.$refs['divGC'].showData() |
|||
}, |
|||
backGC(value) { |
|||
this.viewState = 1 |
|||
this.formobj.loanTemplateTrailer = { |
|||
boxColor: value.boxColor, |
|||
brandName: value.brandName, |
|||
carModelName: value.carModelName, |
|||
insideSize: value.appearanceSize, |
|||
insideSizeHigh: '', |
|||
insideSizeLong: '', |
|||
insideSizeWide: '', |
|||
manufacturerName: value.manufacturerName, |
|||
modelTrailerName: value.trailerTypeValue + '(' + value.appearanceSize + ')', |
|||
moreConfig: value.moreConfig, |
|||
vehTrailerModelSid: value.sid, |
|||
vehTrailerCertificateFile: [], |
|||
vehTrailerPrice: '', |
|||
vehTrailerRemark: '' |
|||
} |
|||
}, |
|||
saveOrUpdate() { |
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req.saveOrUpdate(this.formobj).then((res) => { |
|||
if (res.success) { |
|||
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
|||
this.handleReturn('true') |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
submit() { |
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) {} |
|||
}) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj = { |
|||
|
|||
} |
|||
this.image_list = [] |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.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> |
|||
@ -0,0 +1,331 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<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" :rules="rules" class="formaddcopy02"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">模板名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.templateName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">选择预估报价单</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.showType }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<div>车型确定</div> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.vehModel }}</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.vehModelConfig }}</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.vehModelConfigMore }}</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.vehPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">合格证公告型号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.vehNoticeModel }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title titleOne"> |
|||
<div><el-checkbox v-model="formobj.install" style="padding-right: 5px"/>上装</div> |
|||
</div> |
|||
<div v-show="formobj.install"> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上装名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.installNameValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">委改方式</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitMethodValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">供应商</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitFactory }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">货箱内部尺寸</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.wkSize }}</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.loanTemplateInstall.plateMaterialValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">板材厚度</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.plateThickness }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">颜色</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.colorValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资价格</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.vehInstallPrice }}</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>{{ formobj.loanTemplateInstall.moreConfig }}</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.loanTemplateInstall.vehInstallRemark }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title titleOne"> |
|||
<div><el-checkbox v-model="formobj.trailer" style="padding-right: 5px"/>挂车</div> |
|||
</div> |
|||
<div v-show="formobj.trailer"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">车型名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.modelTrailerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">车辆品牌</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.brandName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">车辆型号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.carModelName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">厂商名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.manufacturerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" class="tlineheightb"> |
|||
<div class="span-sty">内部尺寸</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.insideSize }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">箱体颜色</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.boxColor }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资价格</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.vehTrailerPrice }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">更多配置</div> |
|||
<el-form-item><span>{{ formobj.loanTemplateTrailer.moreConfig }}</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: 150px;height: 150px" v-for="(item, index) in formobj.loanTemplateTrailer.vehTrailerCertificateFile" :key="index" :src="item" :preview-src-list="formobj.loanTemplateTrailer.vehTrailerCertificateFile"/> |
|||
</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.loanTemplateTrailer.vehTrailerRemark }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title"> |
|||
<div>消贷金融方案</div> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
formobj: { |
|||
useOrgSid: '', |
|||
install: false, |
|||
loanTemplateInstall: { |
|||
colorValue: '', |
|||
installNameValue: '', |
|||
moreConfig: '', |
|||
plateMaterialValue: '', |
|||
plateThicknessBottom: '', |
|||
plateThicknessEdge: '', |
|||
plateThickness: '', |
|||
refitFactory: '', |
|||
refitMethodValue: '', |
|||
vehInstallPrice: '', |
|||
vehInstallRemark: '', |
|||
vehInstallModelSid: '', |
|||
wkSize: '', |
|||
wk_high: '', |
|||
wk_long: '', |
|||
wk_wide: '' |
|||
}, |
|||
loanTemplateTrailer: { |
|||
boxColor: '', |
|||
brandName: '', |
|||
carModelName: '', |
|||
insideSize: '', |
|||
insideSizeHigh: '', |
|||
insideSizeLong: '', |
|||
insideSizeWide: '', |
|||
manufacturerName: '', |
|||
modelTrailerName: '', |
|||
moreConfig: '', |
|||
vehTrailerModelSid: '', |
|||
vehTrailerCertificateFile: [], |
|||
vehTrailerPrice: '', |
|||
vehTrailerRemark: '' |
|||
}, |
|||
orgPath: '', |
|||
showTypeKey: '', |
|||
showTypeValue: '', |
|||
sid: '', |
|||
templateName: '', |
|||
trailer: false, |
|||
userSid: '', |
|||
vehModel: '', |
|||
vehModelConfig: '', |
|||
vehModelConfigMore: '', |
|||
vehModelConfigSid: '', |
|||
vehModelSid: '', |
|||
vehNoticeModel: '', |
|||
vehNoticeModelSid: '', |
|||
vehPrice: '' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(row) { |
|||
this.viewTitle = '公司定制金融方案详情' |
|||
req.fetchBySid(row.sid).then((resp) => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
handleReturn() { |
|||
this.formobj = { |
|||
useOrgSid: '', |
|||
install: false, |
|||
loanTemplateInstall: { |
|||
colorValue: '', |
|||
installNameValue: '', |
|||
moreConfig: '', |
|||
plateMaterialValue: '', |
|||
plateThicknessBottom: '', |
|||
plateThicknessEdge: '', |
|||
plateThickness: '', |
|||
refitFactory: '', |
|||
refitMethodValue: '', |
|||
vehInstallPrice: '', |
|||
vehInstallRemark: '', |
|||
vehInstallModelSid: '', |
|||
wkSize: '', |
|||
wk_high: '', |
|||
wk_long: '', |
|||
wk_wide: '' |
|||
}, |
|||
loanTemplateTrailer: { |
|||
boxColor: '', |
|||
brandName: '', |
|||
carModelName: '', |
|||
insideSize: '', |
|||
insideSizeHigh: '', |
|||
insideSizeLong: '', |
|||
insideSizeWide: '', |
|||
manufacturerName: '', |
|||
modelTrailerName: '', |
|||
moreConfig: '', |
|||
vehTrailerModelSid: '', |
|||
vehTrailerCertificateFile: [], |
|||
vehTrailerPrice: '', |
|||
vehTrailerRemark: '' |
|||
}, |
|||
orgPath: '', |
|||
showTypeKey: '', |
|||
showTypeValue: '', |
|||
sid: '', |
|||
taskId: '', |
|||
templateName: '', |
|||
trailer: false, |
|||
instanceId: '', |
|||
userSid: '', |
|||
vehModel: '', |
|||
vehModelConfig: '', |
|||
vehModelConfigMore: '', |
|||
vehModelConfigSid: '', |
|||
vehModelSid: '', |
|||
vehNoticeModel: '', |
|||
vehNoticeModelSid: '', |
|||
vehPrice: '' |
|||
} |
|||
this.$emit('doback') |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.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> |
|||
@ -0,0 +1,202 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="挂车车型管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow"> |
|||
{{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header" label-width="100px"> |
|||
<el-row> |
|||
<el-form-item label="车辆品牌"> |
|||
<el-input v-model="queryParams.params.brandName" clearable placeholder=""/> |
|||
</el-form-item> |
|||
<el-form-item label="车辆型号"> |
|||
<el-input v-model="queryParams.params.carModelName" clearable placeholder=""/> |
|||
</el-form-item> |
|||
<el-form-item label="厂商名称"> |
|||
<el-select v-model="queryParams.params.manufacturerSid" filterable placeholder="请选择"> |
|||
<el-option v-for="item in manufacturer_list" :key="item.sid" :label="item.manufacturerName" :value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="挂车类型"> |
|||
<el-select v-model="queryParams.params.trailerTypeKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in trailerType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">挂车列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<el-table-column width="60" fixed label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" fixed width="80" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handleConfirm(scope.row)">确认</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="brandName" width="110" label="车辆品牌" align="center"/> |
|||
<el-table-column prop="carModelName" width="110" label="车辆型号" align="center"/> |
|||
<el-table-column prop="manufacturerName" label="厂商名称" align="center"/> |
|||
<el-table-column prop="trailerTypeValue" label="挂车类型" align="center"/> |
|||
<el-table-column prop="appearanceSize" label="外观尺寸" header-align="center" align="left"/> |
|||
<el-table-column prop="saleGuidancePrice" width="110" label="销售指导价" align="center"/> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" @pagination="loadList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--End 查询和其列表部分--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { getGysTypeByOrgSid, getOrgSidByPath, typeValues } from '@/api/Common/dictcommons' |
|||
|
|||
export default { |
|||
name: 'GuaCheSelect', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
manufacturer_list: [], |
|||
trailerType_list: [], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 5, |
|||
total: 0, |
|||
params: { |
|||
brandName: '', |
|||
carModelName: '', |
|||
manufacturerSid: '', |
|||
trailerTypeKey: '', |
|||
useOrgSid: '' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
init() { |
|||
typeValues({ type: 'trailerType' }).then((res) => { |
|||
if (res.success) { |
|||
this.trailerType_list = res.data |
|||
} |
|||
}) |
|||
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|||
if (res.success) { |
|||
this.queryParams.params.useOrgSid = res.data |
|||
getGysTypeByOrgSid({ orgSid: res.data, supplierType: '0002' }).then((resp) => { |
|||
if (resp.success) { |
|||
this.manufacturer_list = resp.data |
|||
} |
|||
}) |
|||
this.loadList() |
|||
} |
|||
}) |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showData() { |
|||
this.init() |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.listPageByGC(this.queryParams).then((resp) => { |
|||
if (resp.success) { |
|||
this.tableLoading = false |
|||
this.queryParams.total = resp.data.total |
|||
this.dataList = resp.data.records |
|||
} else { |
|||
this.dataList = [] |
|||
this.queryParams.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 5, |
|||
total: 0, |
|||
params: { |
|||
brandName: '', |
|||
carModelName: '', |
|||
manufacturerSid: '', |
|||
trailerTypeKey: '', |
|||
useOrgSid: '' |
|||
} |
|||
} |
|||
this.init() |
|||
}, |
|||
handleConfirm(row) { |
|||
this.$emit('backData', row) |
|||
}, |
|||
doClose() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,213 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<button-bar view-title="车型常用列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<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" class="tab-header" label-width="100px"> |
|||
<el-form-item label="车型:"> |
|||
<el-input v-model="listQuery.params.vehicleAlias" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="常用配置:"> |
|||
<el-input v-model="listQuery.params.configName" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="内部编码:"> |
|||
<el-input v-model="listQuery.params.insideCode" placeholder="" clearable class="filter-item"/> |
|||
</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="handresetting">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" fixed width="80" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handleConfirm(scope.row)">确认</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="品牌" align="center" width="250"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型编码" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleTypeCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center" width="250"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="配置编码" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.configCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" header-align="center" align="left"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.configName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="内部编码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.insideCode }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售指导价(元)" width="200" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.guidedPrice }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Pagination from '@/components/pagination' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
|
|||
export default { |
|||
name: 'ModelSelect', |
|||
components: { |
|||
Pagination, |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
tableKey: 0, |
|||
sids: [], |
|||
list: [], |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 5, |
|||
params: { |
|||
vehicleAlias: '', |
|||
configName: '', |
|||
useOrgSid: '', |
|||
vehicleStateValue: '', |
|||
carBrandSid: '', |
|||
insideCode: '', |
|||
sidList: [] |
|||
}, |
|||
total: 1 |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
req.listPageByModelAndConfig(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.success) { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 重置按钮 |
|||
handresetting() { |
|||
this.listQuery.current = 1 |
|||
this.listQuery.total = 0 |
|||
this.listQuery.size = 5 |
|||
this.listQuery.params.vehicleAlias = '' |
|||
this.listQuery.params.configName = '' |
|||
this.listQuery.params.useOrgSid = '' |
|||
this.listQuery.params.vehicleStateValue = '' |
|||
this.listQuery.params.insideCode = '' |
|||
this.getList() |
|||
}, |
|||
showData(value, carBrandSid, createOrgSid) { |
|||
const aa = [] |
|||
if (value.length > 0) { |
|||
for (var i = 0; i < value.length; i++) { |
|||
aa.push({ |
|||
modelSid: value[i].vehicleSid, |
|||
configSid: value[i].configSid |
|||
}) |
|||
} |
|||
this.listQuery.params.sidList = aa |
|||
} else { |
|||
this.listQuery.params.sidList = [] |
|||
} |
|||
this.listQuery.current = 1 |
|||
this.listQuery.total = 0 |
|||
this.listQuery.size = 5 |
|||
this.listQuery.params.carBrandSid = carBrandSid |
|||
this.listQuery.params.useOrgSid = createOrgSid |
|||
this.getList() |
|||
}, |
|||
handleConfirm(row) { |
|||
this.$emit('backData', row) |
|||
}, |
|||
// 返回 |
|||
doClose() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,262 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="上装配置管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow"> |
|||
{{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header" label-width="100px"> |
|||
<el-form-item label="车辆功能"> |
|||
<el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="委改方式"> |
|||
<el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="供应商"> |
|||
<el-select v-model="queryParams.params.refitFactorySid" filterable placeholder="请选择"> |
|||
<el-option v-for="item in refitFactory_list" :key="item.sid" :label="item.manufacturerName" :value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="上装名称"> |
|||
<el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="颜色"> |
|||
<el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="板材材质"> |
|||
<el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择"> |
|||
<el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">上装配置列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<el-table-column width="70px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handleSelect(scope.row)">确认</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/> |
|||
<el-table-column prop="installNameValue" label="上装名称" align="center"/> |
|||
<el-table-column prop="refitMethodValue" label="委改方式" align="center"/> |
|||
<el-table-column prop="refitFactory" label="供应商" align="center"/> |
|||
<el-table-column prop="wk" label="货箱内部尺寸" header-align="center" align="left" width="200"/> |
|||
<el-table-column prop="colorValue" label="颜色" align="center"/> |
|||
<el-table-column prop="plateMaterialValue" label="板材材质" align="center"/> |
|||
<el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="150"/> |
|||
<el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/> |
|||
<el-table-column prop="refrigerator" label="冷藏冷机" align="center"/> |
|||
<el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center" width="150"/> |
|||
<el-table-column prop="floorHeating" label="底板加热" align="center"/> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--End 查询和其列表部分--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { getGysByOrgSid, getOrgSidByPath, typeValues } from '@/api/Common/dictcommons' |
|||
|
|||
export default { |
|||
name: 'ShangZhuangSelect', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
installName_list: [], |
|||
vehicleType_list: [], |
|||
refitMethod_list: [], |
|||
color_list: [], |
|||
refitFactory_list: [], |
|||
plateMaterial_list: [], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 5, |
|||
total: 0, |
|||
params: { |
|||
vehicleTypeKey: '', |
|||
installNameKey: '', |
|||
refitMethodKey: '', |
|||
refitFactorySid: '', |
|||
colorKey: '', |
|||
plateMaterial: '', |
|||
createOrgSid: '' |
|||
} |
|||
}, |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
init() { |
|||
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|||
if (res.success) { |
|||
this.queryParams.params.createOrgSid = res.data |
|||
getGysByOrgSid({ orgSid: res.data }).then((res) => { |
|||
if (res.success) { |
|||
this.refitFactory_list = res.data |
|||
} |
|||
}) |
|||
this.loadList() |
|||
} |
|||
}) |
|||
this.DataDictionary() |
|||
}, |
|||
DataDictionary() { |
|||
// 上装名称 |
|||
typeValues({ type: 'topName' }).then((res) => { |
|||
if (res.success) { |
|||
this.installName_list = res.data |
|||
} |
|||
}) |
|||
// 车辆功能 |
|||
typeValues({ type: 'vehicleFunction' }).then((res) => { |
|||
if (res.success) { |
|||
this.vehicleType_list = res.data |
|||
} |
|||
}) |
|||
typeValues({ type: 'bodyColor' }).then((res) => { |
|||
if (res.success) { |
|||
this.color_list = res.data |
|||
} |
|||
}) |
|||
typeValues({ type: 'refitMethod' }).then((res) => { |
|||
if (res.success) { |
|||
this.refitMethod_list = res.data |
|||
} |
|||
}) |
|||
typeValues({ type: 'plateMaterial' }).then((res) => { |
|||
if (res.success) { |
|||
this.plateMaterial_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
showData() { |
|||
this.init() |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.init() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 5, |
|||
total: 0, |
|||
params: { |
|||
vehicleTypeKey: '', |
|||
installNameKey: '', |
|||
refitMethodKey: '', |
|||
refitFactorySid: '', |
|||
colorKey: '', |
|||
plateMaterial: '', |
|||
createOrgSid: '' |
|||
} |
|||
} |
|||
this.init() |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.listPageBySZ(this.queryParams).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.queryParams.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
this.queryParams.total = 0 |
|||
this.dataList = [] |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
handleSelect(row) { |
|||
this.$emit('backData', row) |
|||
}, |
|||
doClose() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,731 @@ |
|||
<template> |
|||
<div> |
|||
<el-form ref="form_obj" :model="finance" class="formaddcopy02"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">是否打包</div> |
|||
<el-form-item> |
|||
<el-radio-group style="font-size: 1px" class="addinputw" @input="isPackChange" v-model="finance.isPack"> |
|||
<el-radio label="1">是</el-radio> |
|||
<el-radio label="0">否</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="span-sty">产品政策</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.policyName" placeholder="请选择" @change="changePolicy" clearable class="addinputw"> |
|||
<el-option v-for="item in policy_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目</div> |
|||
<el-form-item prop="mainVehicleAmount"> |
|||
<div class="addinputInfo"> |
|||
<span><span class="icon">*</span>主车发票价<el-input v-model="finance.mainVehicleAmount" clearable style="width: 100px" placeholder="" @keyup.native="finance.mainVehicleAmount = oninput(finance.mainVehicleAmount, 2)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.accessoriesAmountCb" style="padding-right: 5px"/>融资票据<el-input :disabled="!finance.accessoriesAmountCb" v-model="finance.accessoriesAmount" clearable style="width: 100px" placeholder="" @keyup.native="finance.accessoriesAmount = oninput(finance.accessoriesAmount, 2)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.trailerAmountCb" style="padding-right: 5px"/>挂车<el-input :disabled="!finance.trailerAmountCb" v-model="finance.trailerAmount" clearable style="width: 100px" placeholder="" @keyup.native="finance.trailerAmount = oninput(finance.trailerAmount, 2)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.premiumCb" style="padding-right: 5px"/>保险<el-input :disabled="!finance.premiumCb" v-model="finance.premium" clearable style="width: 100px" placeholder="" @keyup.native="finance.premium = oninput(finance.premium, 2)"/>元</span> |
|||
<span style="padding-left: 5px"><el-checkbox v-model="finance.purchaseTaxCb" style="padding-right: 5px"/>购置税<el-input :disabled="!finance.purchaseTaxCb" v-model="finance.purchaseTax" clearable style="width: 100px" placeholder="" @keyup.native="finance.purchaseTax = oninput(finance.purchaseTax, 2)"/>元</span> |
|||
</div> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ 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">{{ downPayRatio() }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>首付金额</div> |
|||
<el-form-item prop="downPayAmount"> |
|||
<el-input class="addinputw addinputInfo" v-model="finance.downPayAmount" placeholder="" clearable @keyup.native="finance.downPayAmount = oninput(finance.downPayAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品贷款金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ loanAmount() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>产品期数</div> |
|||
<el-form-item prop="loanPeriod"> |
|||
<el-input class="addinputw" v-model="finance.loanPeriod" placeholder="" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金比例</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ bondRatio() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>贷款保证金</div> |
|||
<el-form-item prop="bondAmount"> |
|||
<el-input class="addinputw" v-model="finance.bondAmount" placeholder="" clearable @keyup.native="finance.bondAmount = oninput(finance.bondAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>厂家贴息</div> |
|||
<el-form-item prop="factoryDiscount"> |
|||
<el-input class="addinputw" v-model="finance.factoryDiscount" placeholder="" clearable @keyup.native="finance.factoryDiscount = oninput(finance.factoryDiscount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.policyYearRatio" placeholder="" clearable @keyup.native="finance.policyYearRatio = oninput(finance.policyYearRatio, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>月还金额</div> |
|||
<el-form-item prop="loanPayMoney"> |
|||
<el-input class="addinputw" v-model="finance.loanPayMoney" placeholder="" clearable @keyup.native="finance.loanPayMoney = oninput(finance.loanPayMoney, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.loanInterest" placeholder="" clearable @keyup.native="finance.loanInterest = oninput(finance.loanInterest, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">厂家贴息用途</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.factoryDiscountUse" placeholder="" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<el-checkbox v-model="finance.otherPolicyState" style="padding-right: 5px"/> |
|||
其它融 |
|||
</div> |
|||
<div v-if="finance.otherPolicyState"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它融名称</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.otherPolicyName" placeholder="请选择" @change="changeOtherPolicy" clearable class="addinputw"> |
|||
<el-option v-for="item in other_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>贷款金额</div> |
|||
<el-form-item prop="otherPolicyAmount"> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyAmount" placeholder="" clearable @keyup.native="finance.otherPolicyAmount = oninput(finance.otherPolicyAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>期数</div> |
|||
<el-form-item prop="otherPolicyPeriod"> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyPeriod" placeholder="" clearable @keyup.native="finance.otherPolicyPeriod = oninput(finance.otherPolicyPeriod, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>月还金额</div> |
|||
<el-form-item prop="otherPolicyMonthlyRepay"> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyMonthlyRepay" placeholder="" clearable @keyup.native="finance.otherPolicyMonthlyRepay = oninput(finance.otherPolicyMonthlyRepay, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyInterest" placeholder="" clearable @keyup.native="finance.otherPolicyInterest = oninput(finance.otherPolicyInterest, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherPolicyYearRatio" placeholder="" clearable @keyup.native="finance.otherPolicyYearRatio = oninput(finance.otherPolicyYearRatio, 2)"/> |
|||
</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">{{ loanDownPay() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">实际首付比例</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ downPayAmountsRatio() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">总贷款金额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ loanAmountTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ 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">{{ monthlyRepay() }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ interest() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>预计首款还款日</div> |
|||
<el-form-item prop="returnTime"> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="finance.returnTime" clearable class="addinputw" type="date" placeholder=""/> |
|||
</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">{{ downPayAmounts() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ bondAmounts() }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">保险保证金</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.depositPremium" placeholder="" clearable @keyup.native="finance.depositPremium = oninput(finance.depositPremium, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">落户保证金</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.depositSettle" placeholder="" clearable @keyup.native="finance.depositSettle = oninput(finance.depositSettle, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty"><span class="icon">*</span>服务费</div> |
|||
<el-form-item prop="serviceAmount"> |
|||
<el-input class="addinputw" v-model="finance.serviceAmount" placeholder="" clearable @keyup.native="finance.serviceAmount = oninput(finance.serviceAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">代收意外险</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyAccidentPremium" placeholder="" clearable @keyup.native="finance.proxyAccidentPremium = oninput(finance.proxyAccidentPremium, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上牌费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.registerAmount" placeholder="" clearable @keyup.native="finance.registerAmount = oninput(finance.registerAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">运管费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.operationAmount" placeholder="" clearable @keyup.native="finance.operationAmount = oninput(finance.operationAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">补车价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.vehOtherPrice" placeholder="" clearable @keyup.native="finance.vehOtherPrice = oninput(finance.vehOtherPrice, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">其它费用</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherAmount" placeholder="" clearable @keyup.native="finance.otherAmount = oninput(finance.otherAmount, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它费用说明</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.otherAmountRemark" placeholder="" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">办理方式选择</div> |
|||
<el-form-item> |
|||
<el-select v-model="finance.dealWay" placeholder="请选择" @change="changeDealWay" clearable class="addinputw"> |
|||
<el-option v-for="item in dealWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收首年保险费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyPremium" placeholder="" clearable @keyup.native="finance.proxyPremium = oninput(finance.proxyPremium, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收购置税</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.proxyPurchasetax" placeholder="" clearable @keyup.native="finance.proxyPurchasetax = oninput(finance.proxyPurchasetax, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">应收合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ 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">{{ offsetTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶首年保险费</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.offsetPremium" placeholder="" clearable @keyup.native="finance.offsetPremium = oninput(finance.offsetPremium, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶购置税</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.offsetPurchasetax" placeholder="" clearable @keyup.native="finance.offsetPurchasetax = oninput(finance.offsetPurchasetax, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实收合计</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ realTotal() }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">车辆总价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.vehTotalPrice" placeholder="" clearable @keyup.native="finance.vehTotalPrice = oninput(finance.vehTotalPrice, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">名义(留购)价</div> |
|||
<el-form-item> |
|||
<el-input class="addinputw" v-model="finance.nominalPrice" placeholder="" clearable @keyup.native="finance.nominalPrice = oninput(finance.nominalPrice, 2)"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { typeValues, selectList, selectListByOther } from '@/api/Common/dictcommons' |
|||
|
|||
export default { |
|||
name: 'JinRongFangAnEdit', |
|||
props: { |
|||
params: { |
|||
type: Object |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
tableKey: 0, |
|||
index: 0, |
|||
dealWay_list: [], |
|||
policy_list: [], |
|||
other_list: [], |
|||
finance: {}, |
|||
rules: { |
|||
// mainVehicleAmount: [{ required: true, message: '主车发票价不能为空', trigger: 'blur' }], |
|||
// downPayAmount: [{ required: true, message: '首付金额不能为空', trigger: 'blur' }], |
|||
// loanPeriod: [{ required: true, message: '产品期数不能为空', trigger: 'blur' }], |
|||
// bondAmount: [{ required: true, message: '贷款保证金不能为空', trigger: 'blur' }], |
|||
// factoryDiscount: [{ required: true, message: '厂家贴息不能为空', trigger: 'blur' }], |
|||
// loanPayMoney: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }], |
|||
// otherPolicyAmount: [{ required: true, message: '贷款金额不能为空', trigger: 'blur' }], |
|||
// otherPolicyPeriod: [{ required: true, message: '期数不能为空', trigger: 'blur' }], |
|||
// otherPolicyMonthlyRepay: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }], |
|||
// returnTime: [{ required: true, message: '预计首期还款日不能为空', trigger: 'blur' }], |
|||
// serviceAmount: [{ required: true, message: '服务费不能为空', trigger: 'blur' }], |
|||
// factoryDiscountUse: [{ required: true, message: '厂家贴息用途不能为空', trigger: 'blur' }] |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
params: { |
|||
deep: true, |
|||
immediate: false, |
|||
handler(newVal, oldVal) { |
|||
this.finance = newVal |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(val) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '单车金融方案' |
|||
// vue将一个data/DataSource对象变量赋值给另一个，结果两个对象变量同时变化的解决办法 |
|||
// this.finance = JSON.parse(JSON.stringify(value)) |
|||
typeValues({ type: 'dealWay' }).then((resp) => { |
|||
if (resp.success) { |
|||
this.dealWay_list = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
// 输入数字正则 |
|||
oninput(val, limit = 0) { |
|||
val = val.replace(/[^\d.]/g, '') // 保留数字 |
|||
val = val.replace(/^00/, '0.') // 开头不能有两个0 |
|||
val = val.replace(/^\./g, '0.') // 开头为小数点转换为0. |
|||
val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个 |
|||
val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留一个小数点 |
|||
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0 |
|||
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$' |
|||
const reg = new RegExp(str) |
|||
if (limit === 0) { |
|||
// 不需要小数点 |
|||
val = val.replace(reg, '$1') |
|||
} else { |
|||
// 通过正则保留小数点后指定的位数 |
|||
val = val.replace(reg, '$1.$2') |
|||
} |
|||
return val |
|||
}, |
|||
// 是否打包 |
|||
isPackChange() { |
|||
console.log(this.financeshi, 888888) |
|||
selectList({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), userSid: window.sessionStorage.getItem('defaultOrgPath'), isPack: this.finance.isPack }).then((resp) => { |
|||
if (resp.success) { |
|||
this.policy_list = resp.data |
|||
} |
|||
}) |
|||
}, |
|||
// 资方产品政策 |
|||
changePolicy(value) { |
|||
const choose = this.policy_list.filter((item) => item.name === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.policySid = choose[0].sid |
|||
selectListByOther({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), userSid: window.sessionStorage.getItem('defaultOrgPath'), sid: choose[0].sid }).then((res) => { |
|||
if (res.success) { |
|||
this.other_list = res.data |
|||
} |
|||
}) |
|||
} else { |
|||
this.finance.policySid = '' |
|||
} |
|||
}, |
|||
// 主方案 —— 融资项目总额 |
|||
loanTotal() { |
|||
if (this.finance.mainVehicleAmount !== '') { |
|||
console.log(this.finance.accessoriesAmount, 9999) |
|||
this.finance.loanTotal = (parseFloat(this.arguments(this.finance.mainVehicleAmount)) + parseFloat(this.arguments(this.finance.accessoriesAmount)) + parseFloat(this.arguments(this.finance.trailerAmount)) + parseFloat(this.arguments(this.finance.premium)) + parseFloat(this.arguments(this.finance.purchaseTax))).toFixed(2) |
|||
} else { |
|||
this.finance.loanTotal = '' |
|||
} |
|||
return this.finance.loanTotal |
|||
}, |
|||
// 主方案 —— 首付比例 |
|||
downPayRatio() { |
|||
if (this.finance.loanTotal !== '' && this.finance.downPayAmount !== '') { |
|||
this.finance.downPayRatio = (parseFloat(this.arguments(this.finance.downPayAmount)) / parseFloat(this.arguments(this.finance.loanTotal)) * 100).toFixed(2) + '%' |
|||
} |
|||
return this.finance.downPayRatio |
|||
}, |
|||
// 主方案 —— 产品贷款金额 |
|||
loanAmount() { |
|||
if (this.finance.loanTotal !== '' && this.finance.downPayAmount !== '') { |
|||
this.finance.loanAmount = (parseFloat(this.arguments(this.finance.loanTotal)) - parseFloat(this.arguments(this.finance.downPayAmount))).toFixed(2) |
|||
} |
|||
return this.finance.loanAmount |
|||
}, |
|||
// 主方案 —— 贷款保证金比例 |
|||
bondRatio() { |
|||
if (this.finance.bondAmount !== '' && this.finance.loanAmount !== '') { |
|||
this.finance.bondRatio = (parseFloat(this.arguments(this.finance.bondAmount)) / parseFloat(this.arguments(this.finance.loanAmount)) * 100).toFixed(2) + '%' |
|||
} |
|||
return this.finance.bondRatio |
|||
}, |
|||
// 其它融--名称 |
|||
changeOtherPolicy(value) { |
|||
const choose = this.other_list.filter((item) => item.name === value) |
|||
if (choose.length > 0 && choose !== null) { |
|||
this.finance.otherPolicySid = choose[0].sid |
|||
} else { |
|||
this.finance.otherPolicySid = choose[0].sid |
|||
} |
|||
}, |
|||
// 方案汇总 —— 融资首付 |
|||
loanDownPay() { |
|||
if (this.finance.downPayAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.loanDownPay = (parseFloat(this.arguments(this.finance.downPayAmount)) - parseFloat(this.arguments(this.finance.otherPolicyAmount))).toFixed(2) |
|||
} else { |
|||
this.finance.loanDownPay = this.finance.downPayAmount |
|||
} |
|||
} |
|||
return this.finance.loanDownPay |
|||
}, |
|||
// 方案汇总 —— 实际首付比例 |
|||
downPayAmountsRatio() { |
|||
if (this.finance.loanDownPay !== '' && this.finance.loanTotal !== '') { |
|||
this.finance.downPayAmountsRatio = (parseFloat(this.finance.loanDownPay) / parseFloat(this.finance.loanTotal) * 100).toFixed(2) + '%' |
|||
} |
|||
return this.finance.downPayAmountsRatio |
|||
}, |
|||
// 方案汇总 —— 总贷款金额 |
|||
loanAmountTotal() { |
|||
if (this.finance.loanAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.loanAmountTotal = (parseFloat(this.arguments(this.finance.loanAmount)) + parseFloat(this.arguments(this.finance.otherPolicyAmount))).toFixed(2) |
|||
} else { |
|||
this.finance.loanAmountTotal = this.finance.loanAmount |
|||
} |
|||
} |
|||
return this.finance.loanAmountTotal |
|||
}, |
|||
// 方案汇总 —— 期数 |
|||
period() { |
|||
if (this.finance.loanPeriod !== '') { |
|||
if (this.finance.otherPolicyPeriod !== '') { |
|||
if (parseFloat(this.arguments(this.finance.loanPeriod)) - parseFloat(this.arguments(this.finance.otherPolicyPeriod)) < 0) { |
|||
this.finance.period = '-' + '/' + this.finance.loanPeriod |
|||
} else { |
|||
const aa = (parseFloat(this.arguments(this.finance.loanPeriod)) - parseFloat(this.arguments(this.finance.otherPolicyPeriod))).toFixed(2) |
|||
this.finance.period = this.finance.otherPolicyPeriod + '/' + aa |
|||
} |
|||
} else { |
|||
this.finance.period = '-' + '/' + this.finance.loanPeriod |
|||
} |
|||
} |
|||
return this.finance.period |
|||
}, |
|||
// 方案汇总 —— 月还金额 |
|||
monthlyRepay() { |
|||
if (this.finance.loanPayMoney !== '') { |
|||
if (this.finance.otherPolicyMonthlyRepay !== '') { |
|||
if (parseFloat(this.arguments(this.finance.loanPayMoney)) - parseFloat(this.arguments(this.finance.otherPolicyMonthlyRepay)) === 0) { |
|||
const aa = (parseFloat(this.arguments(this.finance.loanPayMoney)) + parseFloat(this.arguments(this.finance.otherPolicyMonthlyRepay))).toFixed(2) |
|||
this.finance.monthlyRepay = aa + '/' + '-' |
|||
} else { |
|||
const bb = (parseFloat(this.arguments(this.finance.loanPayMoney)) + parseFloat(this.arguments(this.finance.otherPolicyMonthlyRepay))).toFixed(2) |
|||
this.finance.monthlyRepay = bb + '/' + this.finance.loanPayMoney |
|||
} |
|||
} else { |
|||
this.finance.monthlyRepay = this.finance.loanPayMoney + '/' + '-' |
|||
} |
|||
} |
|||
return this.finance.monthlyRepay |
|||
}, |
|||
// 方案汇总 —— 利息总额 |
|||
interest() { |
|||
if (this.finance.loanInterest !== '' && this.finance.otherPolicyInterest !== '') { |
|||
this.finance.interest = (parseFloat(this.arguments(this.finance.loanInterest)) + parseFloat(this.arguments(this.finance.otherPolicyInterest))).toFixed(2) |
|||
} else if (this.finance.loanInterest === '' && this.finance.otherPolicyInterest !== '') { |
|||
this.finance.interest = this.finance.otherPolicyInterest |
|||
} else if (this.finance.loanInterest !== '' && this.finance.otherPolicyInterest === '') { |
|||
this.finance.interest = this.finance.loanInterest |
|||
} else { |
|||
this.finance.interest = '' |
|||
} |
|||
return this.finance.interest |
|||
}, |
|||
// 应收明细 —— 融资首付 |
|||
downPayAmounts() { |
|||
if (this.finance.downPayAmount !== '') { |
|||
if (this.finance.otherPolicyAmount !== '') { |
|||
this.finance.downPayAmounts = (parseFloat(this.arguments(this.finance.downPayAmount)) - parseFloat(this.arguments(this.finance.otherPolicyAmount))).toFixed(2) |
|||
} else { |
|||
this.finance.downPayAmounts = this.finance.downPayAmount |
|||
} |
|||
} |
|||
return this.finance.downPayAmounts |
|||
}, |
|||
// 应收明细 —— 贷款保证金 |
|||
bondAmounts() { |
|||
if (this.finance.bondAmount !== '') { |
|||
this.finance.bondAmounts = this.finance.bondAmount |
|||
} |
|||
return this.finance.bondAmount |
|||
}, |
|||
changeDealWay(value) { |
|||
const choose = this.dealWay_list.filter((item) => item.dictValue === value) |
|||
this.finance.dealWayKey = choose[0].dictKey |
|||
}, |
|||
// 应收明细 —— 应收合计 |
|||
receivableTotal() { |
|||
if (this.finance.serviceAmount !== '') { |
|||
this.finance.receivableTotal = (parseFloat(this.arguments(this.finance.downPayAmounts)) + parseFloat(this.arguments(this.finance.bondAmounts)) + parseFloat(this.arguments(this.finance.depositPremium)) + parseFloat(this.arguments(this.finance.depositSettle)) + parseFloat(this.arguments(this.finance.serviceAmount)) + parseFloat(this.arguments(this.finance.proxyAccidentPremium)) + parseFloat(this.arguments(this.finance.registerAmount)) + parseFloat(this.arguments(this.finance.operationAmount)) + parseFloat(this.arguments(this.finance.vehOtherPrice)) + parseFloat(this.arguments(this.finance.otherAmount)) + parseFloat(this.arguments(this.finance.proxyPremium)) + parseFloat(this.arguments(this.finance.proxyPurchasetax))).toFixed(2) |
|||
} |
|||
return this.finance.receivableTotal |
|||
}, |
|||
// 应收明细 —— 抵顶费用合计 |
|||
offsetTotal() { |
|||
if (this.finance.offsetPremium !== '' && this.finance.offsetPurchasetax !== '') { |
|||
this.finance.offsetTotal = (parseFloat(this.arguments(this.finance.offsetPremium)) + parseFloat(this.arguments(this.finance.offsetPurchasetax))).toFixed(2) |
|||
} else if (this.finance.offsetPremium === '' && this.finance.offsetPurchasetax !== '') { |
|||
this.finance.offsetTotal = this.finance.offsetPurchasetax |
|||
} else if (this.finance.offsetPremium !== '' && this.finance.offsetPurchasetax === '') { |
|||
this.finance.offsetTotal = this.finance.offsetPremium |
|||
} else { |
|||
this.finance.offsetTotal = '' |
|||
} |
|||
return this.finance.offsetTotal |
|||
}, |
|||
// 应收明细 —— 实收合计 |
|||
realTotal() { |
|||
if (this.finance.offsetTotal !== '') { |
|||
this.finance.realTotal = (parseFloat(this.arguments(this.finance.receivableTotal)) - parseFloat(this.arguments(this.finance.offsetTotal))).toFixed(2) |
|||
} else { |
|||
this.finance.realTotal = this.finance.receivableTotal |
|||
} |
|||
return this.finance.realTotal |
|||
}, |
|||
arguments(val) { |
|||
if (val === '' || val === undefined) { |
|||
val = 0 |
|||
return val |
|||
} else { |
|||
return val |
|||
} |
|||
}, |
|||
handleReturn() { |
|||
this.finance = { |
|||
saleOrderSid: '', |
|||
isPack: '', |
|||
policyName: '', |
|||
mainVehicleAmount: '', |
|||
accessoriesAmount: '', |
|||
trailerAmount: '', |
|||
purchaseTax: '', |
|||
premium: '', |
|||
loanTotal: '', |
|||
|
|||
accessoriesAmountCb: false, |
|||
trailerAmountCb: false, |
|||
purchaseTaxCb: false, |
|||
premiumCb: false, |
|||
|
|||
downPayRatio: '', |
|||
downPayAmount: '', |
|||
loanAmount: '', |
|||
loanPeriod: '', |
|||
bondRatio: '', |
|||
bondAmount: '', |
|||
factoryDiscount: '', |
|||
factoryDiscountUse: '', |
|||
policyYearRatio: '', |
|||
loanPayMoney: '', |
|||
loanInterest: '', |
|||
otherPolicyState: false, |
|||
|
|||
otherPolicyName: '', |
|||
otherPolicyAmount: '', |
|||
otherPolicyPeriod: '', |
|||
|
|||
otherPolicyMonthlyRepay: '', |
|||
otherPolicyInterest: '', |
|||
otherPolicyYearRatio: '', |
|||
|
|||
loanDownPay: '', |
|||
downPayAmountsRatio: '', |
|||
loanAmountTotal: '', |
|||
period: '', |
|||
monthlyRepay: '', |
|||
interest: '', |
|||
returnTime: '', |
|||
|
|||
downPayAmounts: '', |
|||
bondAmounts: '', |
|||
depositPremium: '', |
|||
depositSettle: '', |
|||
serviceAmount: '', |
|||
proxyAccidentPremium: '', |
|||
registerAmount: '', |
|||
operationAmount: '', |
|||
vehOtherPrice: '', |
|||
otherAmount: '', |
|||
otherAmountRemark: '', |
|||
dealWay: '', |
|||
dealWayKey: '', |
|||
proxyPremium: '', |
|||
proxyPurchasetax: '', |
|||
offsetPremium: '', |
|||
offsetPurchasetax: '', |
|||
offsetTotal: '', |
|||
receivableTotal: '', |
|||
realTotal: '', |
|||
vehTotalPrice: '', |
|||
nominalPrice: '' |
|||
} |
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formaddcopy02 { |
|||
padding: 0px; |
|||
} |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
|
|||
.addinputw { |
|||
margin-left: 130px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 130px !important; |
|||
width: calc(100% - 125px); |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue