
18 changed files with 2892 additions and 1031 deletions
@ -0,0 +1,329 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02"> |
|||
<div v-if="formobj.typeKey !== '02'"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">是否打包</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="span-sty">资方及产品政策</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目</div> |
|||
<el-form-item> |
|||
<div class="addinputInfo"> |
|||
<span>主车发票价{{ formobj.mainVehicleAmount }}元</span> |
|||
<span>融资票据{{ formobj.accessoriesAmount }}元</span> |
|||
<span>挂车{{ formobj.trailerAmount }} 元</span> |
|||
<span>购置税{{ formobj.purchaseTax }} 元</span> |
|||
<span>车损上浮{{ formobj.vehDamageFloat }} 元</span> |
|||
</div> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">首付比例</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">首付金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金比例</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">厂家贴息</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">厂家贴息用途</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div v-show="formobj.otherPolicyState"> |
|||
<div class="title">其它融</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它融名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title">方案汇总</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">融资首付</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">总贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">预计首款还款日</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">应收明细</div> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资首付</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">保险保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">落户保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">服务费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">代收意外险</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上牌费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">运管费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">补车价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">其它费用</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它费用说明</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">办理方式选择</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收首年保险费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收购置税</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">应收合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">抵顶费用合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶首年保险费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶购置税</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实收合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">车辆总价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">名义(留购)价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item><span class="addinputInfo">注:结清时需缴纳此费用</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div v-if="formobj.typeKey == '02'"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">厂家贴息</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.factoryDiscount }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">厂家贴息用途</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="icon">*</span>服务费</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.serviceAmount }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
name: 'JinRongFangAnInfo', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
tableKey: 0, |
|||
index: 0, |
|||
formobj: { |
|||
otherPolicyState: false |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(value) { |
|||
this.viewTitle = '金融方案' |
|||
this.formobj = value |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
.tlineheightb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
|||
line-height: 15px !important; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
</style> |
@ -0,0 +1,477 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<div class="titwu">销售订单</div> |
|||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">订单编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">合同编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">制单日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售机构</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售部门</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售专员</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">客户信息</div> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">客户名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">挂靠公司</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售类型</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">开票类型</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">是否包牌</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">常用配置</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">更多配置</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">特殊配置说明</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">合格证公告型号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16" class="tlineheightb"> |
|||
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">上装</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '1'"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">车架号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '2'"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">采购订单编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '3'"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">需采购</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <div class="title">挂车信息</div>--> |
|||
<!-- <el-row>--> |
|||
<!-- <el-col :span="24">--> |
|||
<!-- <el-form-item><span></span></el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- </el-row>--> |
|||
<div class="title">价格信息</div> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台整体指导价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">主车单台销售合同价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台整体销售合同价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台折让(元)</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">台数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">车价合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">计划提车日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">预计提车地点</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">订金信息</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">单台订金</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">订金合计</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">订金缴纳方式</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">需补交订金</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div> |
|||
<el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">订金备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">中介返利</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">内部引荐人</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">返利备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介人1</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">单车中介返利</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介返利合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介人2</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">单车中介返利</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介返利合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div> |
|||
<el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|||
<el-table-column label="优惠名称" align="left" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.name }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价值" align="left" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.price }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.discountExplain }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.num }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="totalValue" label="小计" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.totalValue }} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div v-show="formobj.finPlanState" class="jinrong"> |
|||
<div>单车金融方案</div> |
|||
<div> |
|||
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="title">补充说明</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.notes }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">保险说明</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { fetchDetails } from '@/api/anruifinmanagement/finwaitinvoiceapply' |
|||
import financialscheme from './financialscheme' |
|||
|
|||
export default { |
|||
name: 'XiaoShouDingDanInfo', |
|||
components: { |
|||
financialscheme |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
index: 0, |
|||
formobj: { |
|||
sid: '', |
|||
affiliatedCompany: '', |
|||
affiliatedCompanySid: '', |
|||
billNo: '', |
|||
billingType: '', |
|||
billingTypeKey: '', |
|||
busDepositFictitiousList: [], |
|||
busSalesOrderDeposit: [], |
|||
busSalesOrderDiscountList: [], |
|||
busSalesOrderInsurance: [], |
|||
busSalesOrderMakeup: [], |
|||
busSalesOrderModel: [], |
|||
busSalesOrderPrice: [], |
|||
busSalesOrderVehicleList: [], |
|||
busSalesOrderotherMessageDetailsVo: [], |
|||
busSalesVehicleOrderList: [], |
|||
concatNo: '', |
|||
createDate: '', |
|||
customerName: '', |
|||
customerSid: '', |
|||
images: [], |
|||
insuranceInfo: '', |
|||
insuranceInfoMessage: '', |
|||
isInsurance: '', |
|||
isTop: '', |
|||
licensePlateKey: '', |
|||
licensePlateValue: '', |
|||
mobile: '', |
|||
nodeState: '', |
|||
notes: '', |
|||
orgName: '', |
|||
orgSid: '', |
|||
payType: '', |
|||
payTypeKey: '', |
|||
procInstId: '', |
|||
remarks: '', |
|||
staffName: '', |
|||
staffSid: '', |
|||
taskId: '', |
|||
type: '', |
|||
useOrgName: '', |
|||
useOrgSid: '', |
|||
finPlanState: false |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(sid) { |
|||
this.viewTitle = '销售订单' |
|||
fetchDetails(sid).then((resp) => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
if (this.formobj.busSalesOrderModel.linkNo.length > 0) { |
|||
this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、') |
|||
} else { |
|||
this.formobj.busSalesOrderModel.linkNo = '' |
|||
} |
|||
if (this.formobj.busSalesOrderModel.vinNo.length > 0) { |
|||
this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、') |
|||
} else { |
|||
this.formobj.busSalesOrderModel.vinNo = '' |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleLook() { |
|||
this.viewState = 2 |
|||
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo) |
|||
}, |
|||
// 合计 |
|||
getSummaries(param) { |
|||
const { columns, data } = param |
|||
const sums = [] |
|||
columns.forEach((column, index) => { |
|||
if (index === 0) { |
|||
sums[index] = '' |
|||
return |
|||
} |
|||
const values = data.map(item => Number(item[column.property])) |
|||
if (column.property === 'totalValue') { |
|||
sums[index] = values.reduce((prev, curr) => { |
|||
const value = Number(curr) |
|||
if (!isNaN(value)) { |
|||
return prev + curr |
|||
} else { |
|||
return prev |
|||
} |
|||
}, 0) |
|||
sums[index] += '' |
|||
} else { |
|||
if (!values.every(value => isNaN(value))) { |
|||
sums[index] = values.reduce((prev, curr) => { |
|||
const value = Number(curr) |
|||
if (!isNaN(value)) { |
|||
return prev + curr |
|||
} else { |
|||
return prev |
|||
} |
|||
}, 0) |
|||
sums[index] += '' |
|||
this.amount = sums[index] += '' |
|||
} else { |
|||
sums[index] = '' |
|||
} |
|||
} |
|||
}) |
|||
return sums |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
.jinrong { |
|||
padding: 7px; |
|||
font-weight: bold; |
|||
font-size: 16px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 1px; |
|||
} |
|||
.tlineheightb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
|||
line-height: 15px !important; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
</style> |
@ -0,0 +1,329 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02"> |
|||
<div v-if="formobj.typeKey !== '02'"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">是否打包</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="span-sty">资方及产品政策</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目</div> |
|||
<el-form-item> |
|||
<div class="addinputInfo"> |
|||
<span>主车发票价{{ formobj.mainVehicleAmount }}元</span> |
|||
<span>融资票据{{ formobj.accessoriesAmount }}元</span> |
|||
<span>挂车{{ formobj.trailerAmount }} 元</span> |
|||
<span>购置税{{ formobj.purchaseTax }} 元</span> |
|||
<span>车损上浮{{ formobj.vehDamageFloat }} 元</span> |
|||
</div> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">融资项目总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">首付比例</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">首付金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">产品期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金比例</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">厂家贴息</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">厂家贴息用途</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div v-show="formobj.otherPolicyState"> |
|||
<div class="title">其它融</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它融名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">年利率</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title">方案汇总</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">融资首付</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">总贷款金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">期数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">月还金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">利息总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">预计首款还款日</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">应收明细</div> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">融资首付</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">贷款保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">保险保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">落户保证金</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">服务费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">代收意外险</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">上牌费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">运管费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">补车价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">其它费用</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">其它费用说明</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">办理方式选择</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收首年保险费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">代收购置税</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">应收合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">抵顶费用合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶首年保险费</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<div class="span-sty">抵顶购置税</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实收合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">车辆总价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">名义(留购)价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<el-form-item><span class="addinputInfo">注:结清时需缴纳此费用</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div v-if="formobj.typeKey == '02'"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">厂家贴息</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.factoryDiscount }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">厂家贴息用途</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="icon">*</span>服务费</div> |
|||
<el-form-item> |
|||
<span class="addinputInfo">{{ formobj.serviceAmount }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
name: 'JinRongFangAnInfo', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
tableKey: 0, |
|||
index: 0, |
|||
formobj: { |
|||
otherPolicyState: false |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(value) { |
|||
this.viewTitle = '金融方案' |
|||
this.formobj = value |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
.tlineheightb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
|||
line-height: 15px !important; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
</style> |
@ -0,0 +1,482 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class=""> |
|||
<div class="titwu">销售订单</div> |
|||
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02"> |
|||
<el-row style="border-top: 1px solid #E0E3EB"> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">订单编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">合同编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">制单日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售机构</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售部门</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售专员</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">客户信息</div> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">客户名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">挂靠公司</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">销售类型</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">开票类型</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">是否包牌</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">常用配置</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">更多配置</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">特殊配置说明</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8" class="tlineheightb"> |
|||
<div class="span-sty">合格证公告型号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16" class="tlineheightb"> |
|||
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">上装</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '1'"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">车架号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '2'"> |
|||
<el-col :span="24" class="tlineheightb"> |
|||
<div class="span-sty">采购订单编号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="formobj.type == '3'"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">需采购</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <div class="title">挂车信息</div>--> |
|||
<!-- <el-row>--> |
|||
<!-- <el-col :span="24">--> |
|||
<!-- <el-form-item><span></span></el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- </el-row>--> |
|||
<div class="title">价格信息</div> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台整体指导价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">主车单台销售合同价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台整体销售合同价</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">单台折让(元)</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">台数</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">车价合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">计划提车日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">预计提车地点</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">订金信息</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">单台订金</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">订金合计</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">订金缴纳方式</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">需补交订金</div> |
|||
<el-form-item><span class="addinputInfo">¥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div> |
|||
<el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">订金备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">中介返利</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">内部引荐人</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="span-sty">返利备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介人1</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">单车中介返利</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介返利合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介人2</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">单车中介返利</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<div class="span-sty">中介返利合计</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div> |
|||
<el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|||
<el-table-column label="优惠名称" align="left" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.name }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价值" align="left" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.price }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.discountExplain }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.num }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="totalValue" label="小计" header-align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.totalValue }} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div v-show="formobj.finPlanState" class="jinrong"> |
|||
<div>单车金融方案</div> |
|||
<div> |
|||
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="title">补充说明</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.notes }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">保险说明</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { fetchDetails } from '@/api/anruifinmanagement/finwaitinvoiceapply' |
|||
import financialscheme from './financialscheme' |
|||
|
|||
export default { |
|||
name: 'XiaoShouDingDanInfo', |
|||
components: { |
|||
financialscheme |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
index: 0, |
|||
formobj: { |
|||
sid: '', |
|||
affiliatedCompany: '', |
|||
affiliatedCompanySid: '', |
|||
billNo: '', |
|||
billingType: '', |
|||
billingTypeKey: '', |
|||
busDepositFictitiousList: [], |
|||
busSalesOrderDeposit: [], |
|||
busSalesOrderDiscountList: [], |
|||
busSalesOrderInsurance: [], |
|||
busSalesOrderMakeup: [], |
|||
busSalesOrderModel: [], |
|||
busSalesOrderPrice: [], |
|||
busSalesOrderVehicleList: [], |
|||
busSalesOrderotherMessageDetailsVo: [], |
|||
busSalesVehicleOrderList: [], |
|||
concatNo: '', |
|||
createDate: '', |
|||
customerName: '', |
|||
customerSid: '', |
|||
images: [], |
|||
insuranceInfo: '', |
|||
insuranceInfoMessage: '', |
|||
isInsurance: '', |
|||
isTop: '', |
|||
licensePlateKey: '', |
|||
licensePlateValue: '', |
|||
mobile: '', |
|||
nodeState: '', |
|||
notes: '', |
|||
orgName: '', |
|||
orgSid: '', |
|||
payType: '', |
|||
payTypeKey: '', |
|||
procInstId: '', |
|||
remarks: '', |
|||
staffName: '', |
|||
staffSid: '', |
|||
taskId: '', |
|||
type: '', |
|||
useOrgName: '', |
|||
useOrgSid: '', |
|||
finPlanState: false |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(sid) { |
|||
this.viewTitle = '销售订单' |
|||
fetchDetails(sid).then((resp) => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
if (this.formobj.busSalesOrderModel.linkNo.length > 0) { |
|||
this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、') |
|||
} else { |
|||
this.formobj.busSalesOrderModel.linkNo = '' |
|||
} |
|||
if (this.formobj.busSalesOrderModel.vinNo.length > 0) { |
|||
this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、') |
|||
} else { |
|||
this.formobj.busSalesOrderModel.vinNo = '' |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleLook() { |
|||
this.viewState = 2 |
|||
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo) |
|||
}, |
|||
// 合计 |
|||
getSummaries(param) { |
|||
const { columns, data } = param |
|||
const sums = [] |
|||
columns.forEach((column, index) => { |
|||
if (index === 0) { |
|||
sums[index] = '' |
|||
return |
|||
} |
|||
const values = data.map(item => Number(item[column.property])) |
|||
if (column.property === 'totalValue') { |
|||
sums[index] = values.reduce((prev, curr) => { |
|||
const value = Number(curr) |
|||
if (!isNaN(value)) { |
|||
return prev + curr |
|||
} else { |
|||
return prev |
|||
} |
|||
}, 0) |
|||
sums[index] += '' |
|||
} else { |
|||
if (!values.every(value => isNaN(value))) { |
|||
sums[index] = values.reduce((prev, curr) => { |
|||
const value = Number(curr) |
|||
if (!isNaN(value)) { |
|||
return prev + curr |
|||
} else { |
|||
return prev |
|||
} |
|||
}, 0) |
|||
sums[index] += '' |
|||
this.amount = sums[index] += '' |
|||
} else { |
|||
sums[index] = '' |
|||
} |
|||
} |
|||
}) |
|||
return sums |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.titwu { |
|||
font-size: 28px; |
|||
text-align: center; |
|||
padding: 30px 0 20px 0; |
|||
} |
|||
.span-sty { |
|||
width: 140px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 130px !important; |
|||
} |
|||
.jinrong { |
|||
padding: 7px; |
|||
font-weight: bold; |
|||
font-size: 16px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 1px; |
|||
} |
|||
.tlineheightb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
|||
line-height: 15px !important; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
</style> |
Loading…
Reference in new issue