You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
489 lines
16 KiB
489 lines
16 KiB
<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" 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.showTypeValue }}</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 v-show="formobj.install">
|
|
<div class="title titleOne">
|
|
<div>上装</div>
|
|
</div>
|
|
<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 v-show="formobj.trailer">
|
|
<div class="title titleOne">
|
|
<div>挂车</div>
|
|
</div>
|
|
<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>
|
|
<financialschemeInfo ref="divInfo"/>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
|
|
import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
|
|
|
|
export default {
|
|
name: 'CustomizedFinancialSolutionsInfo',
|
|
components: {
|
|
financialschemeInfo
|
|
},
|
|
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: ''
|
|
},
|
|
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: ''
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
showInfo(row) {
|
|
this.viewTitle = '公司定制金融方案详情'
|
|
req.fetchBySid({ sid: row.sid }).then((resp) => {
|
|
if (resp.success) {
|
|
this.formobj = resp.data
|
|
this.$nextTick(() => {
|
|
this.$refs['divInfo'].showInfo(this.formobj.loanTemplateSolutions)
|
|
})
|
|
}
|
|
})
|
|
},
|
|
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: ''
|
|
},
|
|
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: '',
|
|
factoryDiscountUseKey: '',
|
|
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: ''
|
|
}
|
|
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>
|
|
|