<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <!-- ---------------Left--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.lidgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入信用证编号"
                            ></c-input>
                            <template slot="footer">
                                <c-button
                                    style="
                                        margin: 0 10px 0 10px;
                                        padding: 0 12px;
                                    "
                                    size="small"
                                    type="primary"
                                >
                                    <span
                                        style="
                                            font-family: '宋体';
                                            font-weight: bold;
                                        "
                                        >i</span
                                    >
                                </c-button>
                                <c-button
                                    style="margin: 0 0"
                                    size="small"
                                    type="primary"
                                    :disabled="this.flag"
                                >
                                    获取
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.brdgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入单据参考号"
                            ></c-input>
                            <template slot="footer">
                                <c-button
                                    style="
                                        margin: 0 10px 0 10px;
                                        padding: 0 12px;
                                    "
                                    size="small"
                                    type="primary"
                                >
                                    <span
                                        style="
                                            font-family: '宋体';
                                            font-weight: bold;
                                        "
                                        >i</span
                                    >
                                </c-button>
                                <c-button
                                    style="margin: 0 0"
                                    size="small"
                                    type="primary"
                                    :disabled="this.flag"
                                >
                                    获取
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
                        <c-date-picker
                            type="date"
                            v-model="model.lidgrp.rec.expdat"
                            style="width: 100%"
                            placeholder="请选择Date of Expiry"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>

            <!-- ---------------Right--------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <c-curAmt
                        :model="model"
                        :argadr="{
                            title: 'Opening Amount',
                            trans: 'lidgrp',
                        }"
                    >
                    </c-curAmt>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="Drag  Drop Sender"
                        prop="brtp.lidget.sdamod.dadsnd"
                    >
                        <c-input
                            v-model="model.brtp.lidget.sdamod.dadsnd"
                            placeholder="请输入Drag  Drop Sender"
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Order Date" prop="brdgrp.rec.orddat">
                        <c-date-picker
                            type="date"
                            v-model="model.brdgrp.rec.orddat"
                            style="width: 100%"
                            placeholder="请选择Order Date"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-litTemp
                :model="model"
                :argadr="{
                    title: 'Opening Amount',
                    trans: 'brdgrp',
                }"
                :rol="[
                    {
                        title: '交单行',
                        trans: 'prb',
                    },
                    {
                        title: '开证行',
                        trans: 'ben',
                    },
                    {
                        title: '申请人',
                        trans: 'apl',
                    },
                ]"
                :isAdvdat="true"
                :isMattxtlab="true"
                :isTenmaxday="true"
            >
            </c-litTemp>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item
                        label="Presented by"
                        prop="brdgrp.rec.docprbrol"
                    >
                        <c-select
                            v-model="model.brdgrp.rec.docprbrol"
                            style="width: 100%"
                            placeholder="请选择Presented by"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-ptap1
                        :model="model"
                        :argadr="{
                            title: 'Presented by',
                            grp: 'brdgrp',
                            rol: 'prb',
                        }"
                        :disabled="true"
                        :isAdrblk="false"
                    >
                    </c-ptap1>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Payer" prop="brdgrp.rec.payrol">
                        <c-select
                            v-model="model.brdgrp.rec.payrol"
                            style="width: 100%"
                            placeholder="请选择Payer"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-ptap1
                        :model="model"
                        :argadr="{
                            title: 'Payer',
                            grp: 'brtp',
                            rol: 'oth',
                        }"
                        :disabled="true"
                        :isAdrblk="false"
                    >
                    </c-ptap1>
                </c-col>
            </c-col>

            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="SWIFT message dated" prop="swtdat">
                        <c-date-picker
                            type="date"
                            v-model="model.swtdat"
                            style="width: 100%"
                            placeholder="请选择SWIFT message dated"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="Disposal of Documents"
                        prop="brdgrp.blk.disdoc"
                    >
                        <c-input
                            type="textarea"
                            v-model="model.brdgrp.blk.disdoc"
                            maxlength="35"
                            show-word-limit
                            placeholder="请输入Disposal of Documents"
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox v-model="model.advrefflg"
                                >Advice of Refusal MT734</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox v-model="model.refdocflg"
                                >Refund Document Amount</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox v-model="model.brdgrp.rec.advdocflg"
                                >Return of Documents</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox v-model="model.advdisflg"
                                >Advice of Discrepancy MT750</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox v-model="model.brdgrp.blk.disdocflg"
                                >Defaulted content of Disposal of Documents</c-checkbox
                            >
                        </c-col>
                        <c-col :span="12">
                            <c-checkbox v-model="model.rejpenins"
                                >Rejection pending instructions</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>
                
                <c-col :span="24">
                    <el-form-item label="">
                        <c-col :span="12">
                            <c-checkbox v-model="model.mtabut.clsflg"
                                >Close Flag</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

<!--
        <c-col :span="12">
            <el-form-item label="" prop="brtp.lidget.sdamod.seainf">
                <c-input
                    v-model="model.brtp.lidget.sdamod.seainf"
                    placeholder="请输入"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12"> </c-col>

        <c-col :span="12">
            <el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
                <c-input
                    v-model="model.lidgrp.cbs.opn1.cur"
                    maxlength="3"
                    placeholder="请输入Currency"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item
                label="Drag  Drop Sender"
                prop="brtp.recget.sdamod.dadsnd"
            >
                <c-input
                    v-model="model.brtp.recget.sdamod.dadsnd"
                    placeholder="请输入Drag  Drop Sender"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="brtp.recget.sdamod.seainf">
                <c-input
                    v-model="model.brtp.recget.sdamod.seainf"
                    placeholder="请输入"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
                <c-input
                    v-model="model.brdgrp.rec.nam"
                    maxlength="40"
                    placeholder="请输入Name of Bill Contract"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
                <c-select
                    v-model="model.brdgrp.cbs.max.cur"
                    style="width: 100%"
                    placeholder="请选择单据金额"
                >
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据金额" prop="brdgrp.cbs.max.amt">
                <c-input
                    v-model="model.brdgrp.cbs.max.amt"
                    placeholder="请输入单据金额"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
                <c-input
                    v-model="model.brdgrp.apl.pts.ref"
                    maxlength="16"
                    placeholder="请输入申请人"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
                <c-input
                    v-model="model.brdgrp.cbs.opn1.cur"
                    maxlength="3"
                    placeholder="请输入单据余额"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Balance" prop="brdgrp.cbs.opn1.amt">
                <c-input
                    v-model="model.brdgrp.cbs.opn1.amt"
                    placeholder="请输入Balance"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
                <c-input
                    v-model="model.brdgrp.apl.pts.nam"
                    maxlength="40"
                    placeholder="请输入Name of Party"
                ></c-input>
            </el-form-item>
        </c-col>

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

        <c-col :span="12">
            <el-form-item
                label="Date of Advice of Payment"
                prop="brdgrp.rec.advdat"
            >
                <c-date-picker
                    type="date"
                    v-model="model.brdgrp.rec.advdat"
                    style="width: 100%"
                    placeholder="请选择Date of Advice of Payment"
                ></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
                <c-input
                    v-model="model.brdgrp.ben.pts.ref"
                    maxlength="16"
                    placeholder="请输入受益人"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <span
                v-text="model.brtp.matp.mattxtlab"
                data-path=".brtp.matp.mattxtlab"
            >
            </span>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
                <c-date-picker
                    type="date"
                    v-model="model.brdgrp.rec.matdat"
                    style="width: 100%"
                    placeholder="请选择Maturity Date"
                ></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="远期单据到期日" prop="brdgrp.rec.stadat">
                <c-date-picker
                    type="date"
                    v-model="model.brdgrp.rec.stadat"
                    style="width: 100%"
                    placeholder="请选择远期单据到期日"
                ></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Name of Party" prop="brdgrp.ben.pts.nam">
                <c-input
                    v-model="model.brdgrp.ben.pts.nam"
                    maxlength="40"
                    placeholder="请输入Name of Party"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
                <c-select
                    v-model="model.brdgrp.rec.docflg"
                    style="width: 100%"
                    placeholder="请选择单据类型"
                >
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Tenor day" prop="brdgrp.rec.tenmaxday">
                <c-input
                    v-model="model.brdgrp.rec.tenmaxday"
                    placeholder="请输入Tenor day"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
                <c-input
                    v-model="model.brdgrp.prb.pts.ref"
                    maxlength="16"
                    placeholder="请输入交单行"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Name of Party" prop="brdgrp.prb.pts.nam">
                <c-input
                    v-model="model.brdgrp.prb.pts.nam"
                    maxlength="40"
                    placeholder="请输入Name of Party"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
                <c-select
                    v-model="model.brdgrp.rec.docsta"
                    style="width: 100%"
                    placeholder="请选择单据状态"
                >
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item
                label="Drag  Drop Sender"
                prop="brtp.prbp.ptsget.sdamod.dadsnd"
            >
                <c-input
                    v-model="model.brtp.prbp.ptsget.sdamod.dadsnd"
                    placeholder="请输入Drag  Drop Sender"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item
                label="External Key of Address"
                prop="brdgrp.prb.pts.extkey"
            >
                <c-input
                    v-model="model.brdgrp.prb.pts.extkey"
                    maxlength="16"
                    placeholder="请输入External Key of Address"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="brtp.prbp.ptsget.sdamod.seainf">
                <c-input
                    v-model="model.brtp.prbp.ptsget.sdamod.seainf"
                    placeholder="请输入"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onPrbpDet">
                Details
            </c-button>
        </c-col>

        <c-col :span="12"> </c-col>

        <c-col :span="12">
            <el-form-item label="名称" prop="brdgrp.prb.namelc">
                <c-input
                    type="textarea"
                    v-model="model.brdgrp.prb.namelc"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入名称"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Address Block" prop="brdgrp.prb.pts.adrblk">
                <c-input
                    type="textarea"
                    v-model="model.brdgrp.prb.pts.adrblk"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入Address Block"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Chinese address" prop="brdgrp.prb.dbfadrblkcn">
                <c-input
                    type="textarea"
                    v-model="model.brdgrp.prb.dbfadrblkcn"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入Chinese address"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12"> </c-col>

        <c-col :span="12">
            <el-form-item label="地址" prop="brdgrp.prb.adrelc">
                <c-input
                    type="textarea"
                    v-model="model.brdgrp.prb.adrelc"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入地址"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12"> </c-col>

        <c-col :span="12">
            <el-form-item label="退单方式" prop="rejtype">
                <c-input
                    v-model="model.rejtype"
                    maxlength="1"
                    placeholder="请输入退单方式"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12"> </c-col>

        <c-col :span="12">
            <el-form-item
                label="Drag  Drop Sender"
                prop="brtp.othp.ptsget.sdamod.dadsnd"
            >
                <c-input
                    v-model="model.brtp.othp.ptsget.sdamod.dadsnd"
                    placeholder="请输入Drag  Drop Sender"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item
                label="External Key of Address"
                prop="brtp.oth.pts.extkey"
            >
                <c-input
                    v-model="model.brtp.oth.pts.extkey"
                    maxlength="16"
                    placeholder="请输入External Key of Address"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="brtp.othp.ptsget.sdamod.seainf">
                <c-input
                    v-model="model.brtp.othp.ptsget.sdamod.seainf"
                    placeholder="请输入"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onOthpDet">
                Details
            </c-button>
        </c-col>

        

        <c-col :span="12">
            <el-form-item label="名称" prop="brtp.oth.namelc">
                <c-input
                    type="textarea"
                    v-model="model.brtp.oth.namelc"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入名称"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Address Block" prop="brtp.oth.pts.adrblk">
                <c-input
                    type="textarea"
                    v-model="model.brtp.oth.pts.adrblk"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入Address Block"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Chinese address" prop="brtp.oth.dbfadrblkcn">
                <c-input
                    type="textarea"
                    v-model="model.brtp.oth.dbfadrblkcn"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入Chinese address"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onDisdocButtxmsel"
            >
                ...
            </c-button>
        </c-col>

        <c-col :span="12">
            <el-form-item label="地址" prop="brtp.oth.adrelc">
                <c-input
                    type="textarea"
                    v-model="model.brtp.oth.adrelc"
                    maxlength="35"
                    show-word-limit
                    placeholder="请输入地址"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-checkbox v-model="model.brdgrp.blk.disdocflg"
                >Defaulted content of Disposal of Documents</c-checkbox
            >
        </c-col>

        <c-col :span="12">
            <c-checkbox v-model="model.rejpenins"
                >Rejection pending instructions</c-checkbox
            >
        </c-col>
        -->
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtdcr/Event";
import CurAmt from "~/views/Public/CurAmt";
import LitTemp from "~/views/Public/LitTemp";
import Ptap1 from "~/views/Public/Ptap1";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: {
        "c-curAmt": CurAmt,
        "c-litTemp": LitTemp,
        "c-ptap1": Ptap1,
    },
    data() {
        return {
            flag: true,
        };
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>
