<template> <div class="eibs"> <c-col :span="12" class="col-led"> <c-col :span="12"> <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur"> <c-input disabled v-model="maxcur" maxlength="3" placeholder="请输入单据金额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt"> <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入金额" ></c-input> </el-form-item> </c-col> <c-col> <c-col :span="12"> <el-form-item label="提取附加金额" prop="brdgrp.cbs.max2.cur"> <c-select disabled v-model="max2cur" style="width: 100%" placeholder="请选择附加金额" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max2.amt"> <c-input v-model="model.brdgrp.cbs.max2.amt" placeholder="请输入附加金额" ></c-input> </el-form-item> </c-col> </c-col> <c-col> <c-col :span="24"> <el-form-item label="收费描述" prop="brdgrp.blk.chaadd"> <c-input :rows="4" type="textarea" v-model="model.brdgrp.blk.chaadd" maxlength="35" show-word-limit placeholder="请输入收费描述" ></c-input> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="12" class="col-right"> <c-col> <c-col :span="12"> <el-form-item label="待支付总额" prop="brdgrp.rec.totcur"> <c-input disabled v-model="rectotcur" maxlength="3" placeholder="请输入待支付总额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="10px" prop="brdgrp.rec.totamt"> <c-input v-model="totamt" placeholder="请输入待支付总额" ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="账户行" prop="brdgrp.acb.pts.extkey"> <c-fullbox> <c-input v-model="model.brdgrp.acb.pts.extkey" maxlength="16" placeholder="请输入账户银行" @keyup.enter.native=" queryGridEtyPromptDialogData('ACB', 'B')" ></c-input> <template slot="footer"> <c-button size="small" type="primary"> 详情 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址信息" prop="brdgrp.acb.pts.adrblk"> <c-input :rows="4" type="textarea" v-model="model.brdgrp.acb.pts.adrblk" maxlength="135" show-word-limit placeholder="请输入地址信息" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="受益人银行" prop="brdgrp.beb.pts.extkey"> <c-fullbox> <c-input v-model="model.brdgrp.beb.pts.extkey" maxlength="16" placeholder="请输入受益人银行" @keyup.enter.native=" queryGridEtyPromptDialogData('BEB', 'B')" ></c-input> <template slot="footer"> <c-button size="small" type="primary"> 详情 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址信息" prop="brdgrp.beb.pts.adrblk"> <c-input :rows="4" type="textarea" v-model="model.brdgrp.beb.pts.adrblk" maxlength="135" show-word-limit placeholder="请输入地址信息" ></c-input> </el-form-item> </c-col> </c-col> </div> </template> <script> import event from "../event"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return {}; }, methods: {}, created: function () {}, computed: { totamt(){ const maxAmt = this.model.brdgrp.cbs.max.amt const max2Amt = this.model.brdgrp.cbs.max2.amt this.model.brdgrp.rec.totamt = parseFloat(isNaN(maxAmt) || !maxAmt ? 0 : maxAmt) + parseFloat(isNaN(max2Amt) || !max2Amt ? 0 : max2Amt) return this.model.brdgrp.rec.totamt } , maxcur(){ this.model.brdgrp.cbs.max.cur = this.model.lidgrp.cbs.nom1.cur return this.model.brdgrp.cbs.max.cur }, max2cur(){ this.model.brdgrp.cbs.max2.cur = this.model.lidgrp.cbs.nom1.cur return this.model.brdgrp.cbs.max2.cur }, rectotcur(){ this.model.brdgrp.rec.totcur = this.model.lidgrp.cbs.nom1.cur return this.model.brdgrp.rec.totcur } } }; </script> <style> </style>