<template>
    <div class="eibs-tab">
        <c-col :span="24" style="margin-top:30px">
            <!-- ==================左边================ -->
            <c-col :span="12" style="padding-right: 20px">
                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select disabled dbCode="BRDTYP" uil="CN" v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%" placeholder="请输入到单日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交单日期" prop="bddgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.predat" style="width:100%" placeholder="请输入交单日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="承兑到期日" prop="newmatdat">
                        <c-date-picker type="date" v-model="model.newmatdat" style="width:100%" placeholder="请输入承兑到期日" @change="newmatdatChange"></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <div class="custom-box-wrap">
                        <div style="width: 280px;">
                            <el-form-item label="承兑金额" prop="setmod.doccur">
                                <c-select disabled dbCode="curtxt" isShowKeyAndLabel style="width: 100%" v-model="model.setmod.doccur">
                                </c-select>
                            </el-form-item>
                        </div>

                        <div style="width: calc(100% - 280px);">
                            <el-form-item label-width="5px" prop="setmod.docamt">
                                <c-input-currency  @keyup.enter.native="$event.target.blur()" placeholder="请输入承兑金额" style="width: 100%" v-model="model.setmod.docamt" @change="docamtChange"></c-input-currency>
                            </el-form-item>
                        </div>
                    </div>
                </c-col>
                <c-col :span="24">
                    <div class="custom-box-wrap">
                        <div style="width: 280px;">
                            <el-form-item label="索款金额" prop="bddgrp.cbs.max.cur">
                                <c-select disabled dbCode="curtxt" isShowKeyAndLabel style="width: 100%" v-model="model.bddgrp.cbs.max.cur">
                                </c-select>
                            </el-form-item>
                        </div>
                        <div style="width: calc(100% - 280px);">
                            <el-form-item label-width="5px" prop="aamset.utlamt">
                                <c-input-currency disabled  style="width: 100%" v-model="model.aamset.utlamt"></c-input-currency>
                            </el-form-item>
                        </div>
                    </div>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="发送承付电" prop="sftmt">
                        <c-select dbCode="paysmt" uil="cn" :filterKey="['x99']" v-model="model.sftmt" style="width:100%" placeholder="请选择发送承付电" @change="sftmtChange">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="" prop="bdtp.tag72add">
                        <c-input :disabled="model.sftmt==''" type="textarea" :rows="6" v-model="model.bdtp.tag72add" maxlength="1750" show-word-limit ></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <!-- ============右边================= -->
            <c-col :span="12" style="padding-left: 20px">
                <c-col :span="24">
                    <el-card class="box-card">
                        <c-col :span="24">
                            <el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
                                <c-select disabled v-model="model.bddgrp.rec.docprbrol" style="width:100%" placeholder="请输入交单行">
                                    <el-option v-for="(item, index) in codes.docprbrolList" :key="index" :label="item.label" :value="item.value">
                                    </el-option>
                                </c-select>
                            </el-form-item>
                        </c-col>
                        <c-col :span="24">
                            <c-ptap6 :model="model" :argadr="{title:'BIC',grp: 'bddgrp', rol: 'prb'}"  :disabledExtkey="true" :disabledBankno="true" :disabledJigomc="true" :disabledDizhii="true" :isShowCard="false">
                            </c-ptap6>
                        </c-col>
                    </el-card>
                </c-col>
                <c-col :span="24" style="margin-top:10px;">
                    <el-card class="box-card">
                        <c-col :span="24">
                            <el-form-item label="付款人" prop="bddgrp.rec.payrol">
                                <c-select disabled dbCode="ROLALL" v-model="model.bddgrp.rec.payrol" style="width:100%" placeholder="请输入付款人">
                                </c-select>
                            </el-form-item>
                        </c-col>
                        <c-col :span="24">
                            <c-ptap6 :model="model" :argadr="{title:'BIC',grp: 'bdtp', rol: 'oth'}"  :disabledExtkey="true" :disabledBankno="true" :disabledJigomc="true" :disabledDizhii="true" :isShowCard="false">
                            </c-ptap6>
                        </c-col>
                    </el-card>
                </c-col>
            </c-col>
        </c-col>

    </div>
</template>
<script>
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  created() {}
};
</script>
<style>
</style>