
8 changed files with 414 additions and 12 deletions
@ -0,0 +1,372 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handlePrint()">打印</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售专员</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title">客户信息</div> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.loanBorrName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">车架号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">电话</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">地址</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.address }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">挂靠公司</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title">车型及价格</div> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">数量</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.num }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">挂车1车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.gcOneModel }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">采购单位</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.gcOnePurUnit }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">挂车2车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.gcTwoModel }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">采购单位</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.gcTwoPurUnit }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">上装1名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.szOneName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">采购单位</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.szOnePurUnit }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">上装2名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.szTwoName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">采购单位</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.szTwoPurUnit }}</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.remarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<financialschemeInfo ref="divJR"/> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { selectQuotation, createjrbjdPdf } from '@/api/chukuguanli/chukubanli' |
||||
|
import financialschemeInfo from '@/components/publicPage/financialschemeInfo' |
||||
|
import { getStorage } from '@/utils/auth' |
||||
|
export default { |
||||
|
name: '', |
||||
|
components: { |
||||
|
financialschemeInfo |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
submitdisabled: false, |
||||
|
printSid: '', |
||||
|
formobj: { |
||||
|
saleDeptName: '', |
||||
|
staffName: '', |
||||
|
loanContractNo: '', |
||||
|
loanBorrName: '', |
||||
|
vinNo: '', |
||||
|
mobile: '', |
||||
|
address: '', |
||||
|
affiliatedCompany: '', |
||||
|
modelName: '', |
||||
|
num: '', |
||||
|
gcOneModel: '', |
||||
|
gcOnePurUnit: '', |
||||
|
gcTwoModel: '', |
||||
|
gcTwoPurUnit: '', |
||||
|
szOneName: '', |
||||
|
szOnePurUnit: '', |
||||
|
szTwoName: '', |
||||
|
szTwoPurUnit: '', |
||||
|
remarks: '', |
||||
|
baseJRFAVo: { |
||||
|
accessoriesAmount: '', |
||||
|
accessoriesAmountCb: false, |
||||
|
bondAmount: '', |
||||
|
bondAmounts: '', |
||||
|
bondRatio: '', |
||||
|
dealWay: '', |
||||
|
dealWayKey: '', |
||||
|
depositPremium: '', |
||||
|
depositSettle: '', |
||||
|
discountCar: '', |
||||
|
downPayAmount: '', |
||||
|
downPayAmounts: '', |
||||
|
downPayAmountsRatio: '', |
||||
|
downPayRatio: '', |
||||
|
factoryDiscount: '', |
||||
|
factoryDiscountUse: '', |
||||
|
factoryDiscountUseKey: '', |
||||
|
interest: '', |
||||
|
isPack: '', |
||||
|
isShowMore: false, |
||||
|
loanAmount: '', |
||||
|
loanAmountTotal: '', |
||||
|
loanDownPay: '', |
||||
|
loanInterest: '', |
||||
|
loanPayMoney: '', |
||||
|
loanPeriod: '', |
||||
|
loanTotal: '', |
||||
|
mainVehicleAmount: '', |
||||
|
monthlyRepay: '', |
||||
|
nominalPrice: '', |
||||
|
offsetPremium: '', |
||||
|
offsetPurchasetax: '', |
||||
|
offsetTotal: '', |
||||
|
operationAmount: '', |
||||
|
otherAmount: '', |
||||
|
otherAmountRemark: '', |
||||
|
otherPolicyAmount: '', |
||||
|
otherPolicyInterest: '', |
||||
|
otherPolicyMonthlyRepay: '', |
||||
|
otherPolicyName: '', |
||||
|
otherPolicyPeriod: '', |
||||
|
otherPolicySid: '', |
||||
|
otherPolicyState: false, |
||||
|
otherPolicyYearRatio: '', |
||||
|
period: '', |
||||
|
policyName: '', |
||||
|
policySid: '', |
||||
|
policyYearRatio: '', |
||||
|
premium: '', |
||||
|
premiumCb: false, |
||||
|
proxyAccidentPremium: '', |
||||
|
proxyPremium: '', |
||||
|
proxyPurchasetax: '', |
||||
|
proxyTotal: '', |
||||
|
purchaseTax: '', |
||||
|
purchaseTaxCb: false, |
||||
|
realTotal: '', |
||||
|
receivableTotal: '', |
||||
|
registerAmount: '', |
||||
|
returnTime: '', |
||||
|
salesOrderSid: '', |
||||
|
serviceAmount: '', |
||||
|
serviceChargeTypeKey: '', |
||||
|
serviceChargeTypeValue: '', |
||||
|
trailerAmount: '', |
||||
|
trailerAmountCb: false, |
||||
|
vehOtherPrice: '', |
||||
|
vehTotalPrice: '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.viewTitle = '金融报价单' |
||||
|
this.printSid = row.sid |
||||
|
selectQuotation({sid: row.sid}).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
this.$refs['divJR'].showInfo(this.formobj.baseJRFAVo, 'kehu') |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handlePrint() { |
||||
|
this.submitdisabled = true |
||||
|
createjrbjdPdf({ sid: this.printSid }).then((resp) => { |
||||
|
if (resp.success && resp.data !== null) { |
||||
|
var xhr = new XMLHttpRequest() |
||||
|
xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + resp.data.pdfPath + '&outFileName=' + '金融报价单', true) |
||||
|
xhr.setRequestHeader('token', getStorage()) |
||||
|
xhr.responseType = 'blob' |
||||
|
xhr.onload = function(e) { |
||||
|
// 如果请求执行成功 |
||||
|
var blob = this.response |
||||
|
var filename = '金融报价单.pdf' |
||||
|
var a = document.createElement('a') |
||||
|
// blob.type="application/octet-stream"; |
||||
|
// 创键临时url对象 |
||||
|
var url = URL.createObjectURL(blob) |
||||
|
a.href = url |
||||
|
a.download = filename |
||||
|
a.click() |
||||
|
// 释放之前创建的URL对象 |
||||
|
window.URL.revokeObjectURL(url) |
||||
|
} |
||||
|
// 发送请求 |
||||
|
xhr.send() |
||||
|
this.submitdisabled = false |
||||
|
} else { |
||||
|
this.submitdisabled = false |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
saleDeptName: '', |
||||
|
staffName: '', |
||||
|
loanContractNo: '', |
||||
|
loanBorrName: '', |
||||
|
vinNo: '', |
||||
|
mobile: '', |
||||
|
address: '', |
||||
|
affiliatedCompany: '', |
||||
|
modelName: '', |
||||
|
num: '', |
||||
|
gcOneModel: '', |
||||
|
gcOnePurUnit: '', |
||||
|
gcTwoModel: '', |
||||
|
gcTwoPurUnit: '', |
||||
|
szOneName: '', |
||||
|
szOnePurUnit: '', |
||||
|
szTwoName: '', |
||||
|
szTwoPurUnit: '', |
||||
|
remarks: '', |
||||
|
baseJRFAVo: { |
||||
|
accessoriesAmount: '', |
||||
|
accessoriesAmountCb: false, |
||||
|
bondAmount: '', |
||||
|
bondAmounts: '', |
||||
|
bondRatio: '', |
||||
|
dealWay: '', |
||||
|
dealWayKey: '', |
||||
|
depositPremium: '', |
||||
|
depositSettle: '', |
||||
|
discountCar: '', |
||||
|
downPayAmount: '', |
||||
|
downPayAmounts: '', |
||||
|
downPayAmountsRatio: '', |
||||
|
downPayRatio: '', |
||||
|
factoryDiscount: '', |
||||
|
factoryDiscountUse: '', |
||||
|
factoryDiscountUseKey: '', |
||||
|
interest: '', |
||||
|
isPack: '', |
||||
|
isShowMore: false, |
||||
|
loanAmount: '', |
||||
|
loanAmountTotal: '', |
||||
|
loanDownPay: '', |
||||
|
loanInterest: '', |
||||
|
loanPayMoney: '', |
||||
|
loanPeriod: '', |
||||
|
loanTotal: '', |
||||
|
mainVehicleAmount: '', |
||||
|
monthlyRepay: '', |
||||
|
nominalPrice: '', |
||||
|
offsetPremium: '', |
||||
|
offsetPurchasetax: '', |
||||
|
offsetTotal: '', |
||||
|
operationAmount: '', |
||||
|
otherAmount: '', |
||||
|
otherAmountRemark: '', |
||||
|
otherPolicyAmount: '', |
||||
|
otherPolicyInterest: '', |
||||
|
otherPolicyMonthlyRepay: '', |
||||
|
otherPolicyName: '', |
||||
|
otherPolicyPeriod: '', |
||||
|
otherPolicySid: '', |
||||
|
otherPolicyState: false, |
||||
|
otherPolicyYearRatio: '', |
||||
|
period: '', |
||||
|
policyName: '', |
||||
|
policySid: '', |
||||
|
policyYearRatio: '', |
||||
|
premium: '', |
||||
|
premiumCb: false, |
||||
|
proxyAccidentPremium: '', |
||||
|
proxyPremium: '', |
||||
|
proxyPurchasetax: '', |
||||
|
proxyTotal: '', |
||||
|
purchaseTax: '', |
||||
|
purchaseTaxCb: false, |
||||
|
realTotal: '', |
||||
|
receivableTotal: '', |
||||
|
registerAmount: '', |
||||
|
returnTime: '', |
||||
|
salesOrderSid: '', |
||||
|
serviceAmount: '', |
||||
|
serviceChargeTypeKey: '', |
||||
|
serviceChargeTypeValue: '', |
||||
|
trailerAmount: '', |
||||
|
trailerAmountCb: false, |
||||
|
vehOtherPrice: '', |
||||
|
vehTotalPrice: '' |
||||
|
} |
||||
|
} |
||||
|
this.printSid = '' |
||||
|
this.submitdisabled = false |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 140px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 130px !important; |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue