<template> <div class="eibs"> <!-- ==================左边================ --> <c-col :span="12" style="padding-right: 20px;"> <c-col :span="24"> <el-form-item label="Reference" prop="bodgrp.rec.ownref" style="width: 100%"> <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 100%" disabled></c-input> </el-form-item> </c-col> <c-col :span="24" class="custom-box-wrap"> <el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur"> <c-select-cur dbCode="CURTXT" disabled sort="SRT" placeholder="请选择币种" style="width: 115px;" v-model="model.bodgrp.cbs.max.cur" ></c-select-cur> </el-form-item> <div class="box-3"> <el-form-item label-width="5px" prop="bodgrp.cbs.max.amt"> <c-input-currency disabled :currency="model.bodgrp.cbs.max.cur" placeholder="请选择金额" style="width: 100%;" v-model="model.bodgrp.cbs.max.amt" ></c-input-currency> </el-form-item> </div> </c-col> <c-col :span="24" class="custom-box-wrap"> <el-form-item label="Open Amount" prop="bodgrp.cbs.opn1.cur"> <c-select-cur dbCode="CURTXT" disabled sort="SRT" placeholder="请选择币种" style="width: 115px;" v-model="model.bodgrp.cbs.opn1.cur" ></c-select-cur> </el-form-item> <div class="box-3"> <el-form-item label-width="5px" prop="bodgrp.cbs.opn1.amt"> <c-input-currency disabled :currency="model.bodgrp.cbs.opn1.cur" placeholder="请选择金额" style="width: 100%;" v-model="model.bodgrp.cbs.opn1.amt" ></c-input-currency> </el-form-item> </div> </c-col> <c-col :span="13"> <el-form-item label="Order Date" prop="bodgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%" placeholder="请选择收单日期" disabled></c-date-picker> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="Presentation Date" prop="bodgrp.rec.predat" label-width="120px"> <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%" placeholder="请选择寄单日期" disabled></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Select Rejection Type" prop="rejtypsel"> <c-select v-model="model.rejtypsel" style="width:100%" placeholder="拒单类型" dbCode="REJFBC" @change="changeRejtyp"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-ptap-commons :requiredExtkey="false" :cols="35" :rows="20" :minRows="6" :maxRows="6" :model="model" :extCodes="['bodgrp','blk']" lastModel="resrej" title="Reason for Non-Payment/Non-Acceptance"> </c-ptap-commons> </c-col> </c-col> <!-- ============右边================= --> <c-col :span="12" style="padding-left: 20px;"> <c-col :span="24"> <el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod"> <c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择交单条件" dbCode='DOCTYP' :filterKey="['P', 'A','D', 'M']" disabled> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Document Set Status" prop="bodgrp.rec.docsta"> <c-select v-model="model.bodgrp.rec.docsta" style="width: 100%" placeholder="请输入单据状态" disabled dbCode='DOCST0'> </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="16"> <el-form-item label="Tenor Specification" prop="bodgrp.rec.matdat"> <c-date-picker type="date" disabled v-model="model.bodgrp.rec.matdat" style="width: 100%" placeholder="请选择单据到期日"></c-date-picker> </el-form-item> </c-col> <c-col :span="4"> <el-form-item label="" label-width="40px"> <c-input disabled v-model="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限"></c-input> </el-form-item> </c-col> <c-col :span="4"> <el-form-item label="" prop="bodgrp.rec.matpertyp" label-width="5px"> <c-select disabled v-model="model.bodgrp.rec.matpertyp" style="width: 100%" placeholder="" dbCode="MATPER" :filterKey="['D', 'M']" uil="EN"> </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="" prop="bodgrp.rec.matperbeg"> <c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择" disabled dbCode="MATBEG" :isShowKey="false" uil="EN"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" prop="bodgrp.rec.focflg"> <c-checkbox class="checkbox-left" true-label="X" false-label="" v-model="model.bodgrp.rec.focflg" disabled>Free of Payment</c-checkbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" prop="clsflg"> <c-checkbox class="checkbox-left" true-label="X" false-label="" v-model="clsflg" :disabled="model.rejtypsel != 'R'">Close Contract</c-checkbox> </el-form-item> </c-col> </c-col> </div> </template> <script> import event from "../event"; export default { components: { }, inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return { }; }, computed: { clsflg: { get() { return this.model.rejtypsel == "R"; }, set(val) { this.model.mtabut.clsflg = val ? "X" : ""; } } }, methods: {}, created: function() {} }; </script> <style> .messageLabel >>> .el-form-item__label { text-align: left; font-weight: bold; font-size: 12px; } </style>