<template>
    <div class="eibs-tab">
        <c-row>
            <c-col :span="24">
                <!-- -------------------Left------------------- -->
                <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item label="参考号" prop="dedgrp.rec.ownref">
                            <c-input
                                v-model="model.dedgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入参考号"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="13">
                            <el-form-item
                                label="信用证金额"
                                prop="dedgrp.cbs.nom1.cur"
                            >
                                <c-select
                                    disabled
                                    v-model="model.dedgrp.cbs.nom1.cur"
                                    style="width: 100%"
                                    placeholder="请选择Currency"
                                    @keyup.enter.native="nom1CurEvent"
                                >
                                    <el-option
                                        v-for="item in codes.cur"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                    >
                                    </el-option>
                                </c-select>
                            </el-form-item>
                        </c-col>

                        <c-col :span="11">
                            <el-form-item
                                style="text-align: left"
                                label-width="5px"
                                prop="dedgrp.cbs.nom1.amt"
                            >
                                <c-input-currency
                                    v-model="model.dedgrp.cbs.nom1.amt"
                                    style="text-align: left; width: 100%"
                                    placeholder="请输入信用证金额"
                                    disabled
                                ></c-input-currency>
                            </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="13">
                            <el-form-item
                                label="信用证余额"
                                prop="dedgrp.cbs.opn1.cur"
                            >
                                <c-select
                                    v-model="model.dedgrp.cbs.opn1.cur"
                                    placeholder="请选择币种"
                                    :code="codes.cur"
                                    style="width: 100%"
                                    disabled
                                >
                                </c-select>
                            </el-form-item>
                        </c-col>

                        <c-col :span="11">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="dedgrp.cbs.opn1.amt"
                            >
                                <c-input-currency
                                    v-model="model.dedgrp.cbs.opn1.amt"
                                    placeholder="请输入金额"
                                    disabled
                                ></c-input-currency>
                            </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
                            <c-date-picker
                                type="date"
                                v-model="model.dedgrp.rec.opndat"
                                placeholder="请选择开证日期"
                                style="width: 100%"
                                disabled
                            ></c-date-picker>
                        </el-form-item>

                        <!-- <c-col :span="12">
                            <el-form-item label="" prop="dedgrp.rec.shpdat">
                                <c-date-picker
                                    type="date"
                                    v-model="model.dedgrp.rec.shpdat"
                                    placeholder="请选择Shipment Date"
                                ></c-date-picker>
                            </el-form-item>
                        </c-col> -->
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="指定银行" prop="dedgrp.avbnam">
                            <c-input
                                v-model="model.dedgrp.avbnam"
                                maxlength="40"
                                placeholder="请输入指定银行"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
                            <c-select
                                v-model="model.dedgrp.rec.avbby"
                                style="width: 100%"
                                placeholder="请选择兑付方式"
                                disabled
                                :code="codes.avbby0"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="最迟交单日期/交单地"
                            prop="dedgrp.rec.expdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.dedgrp.rec.expdat"
                                style="width: 100%"
                                placeholder="请选择最迟交单日期/交单地"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="" prop="dedgrp.rec.expplc">
                            <c-input
                                type="textarea"
                                v-model="model.dedgrp.rec.expplc"
                                maxlength="35"
                                show-word-limit
                                placeholder="请输入最迟交单日期/交单地"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <!-- -------------------Right------------------- -->

                <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item label="概要" prop="dedgrp.rec.nam">
                            <c-input
                                v-model="model.dedgrp.rec.nam"
                                maxlength="40"
                                placeholder="请输入概要"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '申请人',
                                grp: 'bfdgrp',
                                rol: 'apl',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>

                    <!-- <c-col :span="24">
                        <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref">
                            <c-input
                                v-model="model.bfdgrp.iss.pts.ref"
                                maxlength="16"
                                placeholder="请输入开证行"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="" prop="bfdgrp.iss.pts.nam">
                            <c-input
                                v-model="model.bfdgrp.iss.pts.nam"
                                maxlength="40"
                                placeholder="请输入开证行"
                            ></c-input>
                        </el-form-item>
                    </c-col> -->
                    <c-ptsmsg
                        :model="model"
                        :argadr="{
                            title: '开证行',
                            grp: 'bfdgrp',
                            rol: 'iss',
                        }"
                        :disabled="true"
                    ></c-ptsmsg>

                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '交单人',
                                grp: 'bfdgrp',
                                rol: 'prb',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="信用证类型"
                            prop="dedgrp.rec.lcrtyp"
                        >
                            <c-select
                                v-model="model.dedgrp.rec.lcrtyp"
                                style="width: 100%"
                                placeholder="请选择信用证类型"
                                disabled
                                :code="codes.lcrtyp"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>

            <!-- -------------------Left------------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="单据编号" prop="bfdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.bfdgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入单据编号"
                                disabled
                            ></c-input>
                            <template slot="footer">
                                <c-button
                                    size="small"
                                    type="primary"
                                    @click="onBftmodButgetref"
                                >
                                    获取
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
                        <c-select
                            v-model="model.bfdgrp.rec.doctypcod"
                            style="width: 100%"
                            placeholder="请选择单据类型"
                            disabled
                            :code="codes.bedtyp"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="单据金额"
                            prop="bfdgrp.cbs.max.cur"
                        >
                            <c-select
                                v-model="model.bfdgrp.cbs.max.cur"
                                style="width: 100%"
                                placeholder="请选择币种"
                                :code="codes.cur"
                                disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="bfdgrp.cbs.max.amt"
                        >
                            <c-input-currency
                                v-model="model.bfdgrp.cbs.max.amt"
                                placeholder="请输入金额"
                            ></c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-col>

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

                    <c-col :span="11">
                        <el-form-item
                            label="寄单日期"
                            prop="bfdgrp.rec.orddat"
                            label-width="100px"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.bfdgrp.rec.orddat"
                                style="width: 100%"
                                placeholder="请选择寄单日期"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-col>

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

                    <c-col :span="11">
                        <el-form-item
                            label="装船日期"
                            prop="bfdgrp.rec.shpdat"
                            label-width="100px"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.bfdgrp.rec.shpdat"
                                style="width: 100%"
                                placeholder="请选择装船日期"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                        label="远期单据到期时间"
                        prop="bfdgrp.blk.matper"
                    >
                        <c-input
                            type="textarea"
                            v-model="model.bfdgrp.blk.matper"
                            maxlength="65"
                            show-word-limit
                            placeholder="请输入Maturity Period"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <c-fullbox>
                        <el-form-item label="发票类型" prop="bfdgrp.rec.invtyp">
                            <c-select
                                v-model="model.bfdgrp.rec.invtyp"
                                style="width: 100%"
                                placeholder="请选择发票类型"
                            >
                                <el-option
                                    v-for="item in codes.invtyp"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </c-select>
                        </el-form-item>
                        <template slot="footer">
                            <c-checkbox
                                v-model="dscinsflg_flag"
                                style="margin-left: 10px"
                                >输入单据不符点指示</c-checkbox
                            >
                        </template>
                    </c-fullbox>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="已交单次数" prop="dedgrp.rec.utlnbr">
                        <c-input
                            v-model="model.dedgrp.rec.utlnbr"
                            placeholder="请输入已交单次数"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <!-- -------------------Right------------------- -->
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="摘要" prop="bfdgrp.rec.nam">
                        <c-input
                            v-model="model.bfdgrp.rec.nam"
                            maxlength="40"
                            placeholder="请输入摘要"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="交单人" prop="bfdgrp.rec.docprbrol">
                        <c-select
                            v-model="model.bfdgrp.rec.docprbrol"
                            style="width: 100%"
                            placeholder="请选择交单人"
                            :code="codes.detdrv_deltol"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="单据编号" prop="bfdgrp.prb.pts.ref">
                        <c-input
                            v-model="model.bfdgrp.prb.pts.ref"
                            maxlength="16"
                            placeholder="请输入单据编号"
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-ptap
                        :model="model"
                        :argadr="{
                            title: '联行行号',
                            grp: 'bfdgrp',
                            rol: 'prb',
                        }"
                        :disabled="true"
                    >
                    </c-ptap>
                </c-col>
            </c-col>

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

            <!-- <c-col :span="24">
                        <el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
                            <c-input
                                v-model="model.bfdgrp.prb.pts.ref"
                                maxlength="16"
                                placeholder="请输入交单人"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="" prop="bfdgrp.prb.pts.nam">
                            <c-input
                                v-model="model.bfdgrp.prb.pts.nam"
                                maxlength="40"
                                placeholder="请输入交单人"
                            ></c-input>
                        </el-form-item>
                    </c-col> -->
        </c-row>
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Detdrv/Event";
import Ptap from "~/views/Public/Ptap";
import Ptsmsg from "~/views/Public/Ptsmsg";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: { "c-ptap": Ptap, "c-ptsmsg": Ptsmsg },
    data() {
        return {};
    },
    methods: { ...Event, dscinsflgChange() {} },
    computed: {
        dscinsflg_flag: {
            get: function () {
                return this.model.bfdgrp.rec.dscinsflg === "X";
            },
            set(val) {
                this.model.bfdgrp.rec.dscinsflg = val ? "X" : "";
            },
        },
    },
    created: function () {},
};
</script>
<style>
</style>