<template>
    <c-row>
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
                    <c-fullbox>
                        <c-input
                            v-model="model.dedgrp.rec.ownref"
                            maxlength="16"
                            placeholder="请输入信用证编号"
                            @keyup.enter.native="
                                showGridPromptDialog('dedgrp.rec.ownref')
                            "
                        ></c-input>
                        <template slot="footer">
                            <c-button
                                size="small"
                                type="primary"
                                icon="el-icon-search"
                                style="margin-right: 10px"
                            ></c-button>
                            <c-checkbox v-model="model.clsflg"
                                >Show closed</c-checkbox
                            >
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="摘要" prop="dedgrp.rec.nam">
                    <c-input
                        v-model="model.dedgrp.rec.nam"
                        maxlength="40"
                        placeholder="请输入Externally Displayed Name to Identify the Contract"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 7 || hotreg == 8">
            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="单据业务编号" prop="bfdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.bfdgrp.rec.ownref"
                                maxlength="16"
                                @keyup.enter.native="
                                    showGridPromptDialog('bfdgrp.rec.ownref')
                                "
                                placeholder="请输入单据业务编号"
                            ></c-input>
                            <template slot="footer">
                                <c-checkbox
                                    v-model="model.bfdget.clsflg"
                                    style="margin-left: 10px"
                                    >Show closed</c-checkbox
                                >
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item label="摘要" prop="bfdgrp.rec.nam">
                        <c-input
                            v-model="model.bfdgrp.rec.nam"
                            maxlength="40"
                            placeholder="请输入Externally Displayed Name to Identify the Contract"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </div>

        <!-- 信用证 -->
        <div v-if="hotreg == 1 || hotreg == 2">
            <c-col :span="24">
                <c-col :span="12">
                    <c-col :span="24">
                        <c-col :span="13">
                            <el-form-item
                                label="信用证金额"
                                prop="dedgrp.cbs.nom1.cur"
                            >
                                <c-input
                                    v-model="model.dedgrp.cbs.nom1.cur"
                                    maxlength="3"
                                    placeholder="请输入信用证金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="11">
                            <el-form-item label="" label-width="5px">
                                <c-input
                                    v-model="model.dedgrp.cbs.nom1.amt"
                                    disabled
                                    placeholder="请输入Balance"
                                ></c-input>
                            </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-input
                                    v-model="model.dedgrp.cbs.opn1.cur"
                                    maxlength="3"
                                    placeholder="请输入Open Amount"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="11">
                            <el-form-item label="" label-width="5px">
                                <c-input
                                    v-model="model.dedgrp.cbs.opn1.amt"
                                    disabled
                                    placeholder="请输入Balance"
                                ></c-input>
                            </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="请输入Available with"
                                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="请选择Available by "
                                disabled
                            >
                                <el-option
                                    v-for="item in codes.avbby0"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="13">
                        <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
                            <c-date-picker
                                type="date"
                                v-model="model.dedgrp.rec.opndat"
                                placeholder="请选择Date Issued"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>

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

                    <c-col :span="13">
                        <el-form-item
                            label="最迟交单日期/交单地"
                            prop="dedgrp.rec.expdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.dedgrp.rec.expdat"
                                placeholder="请选择Date/Place of Expiry"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="0px"
                            prop="dedgrp.rec.expplc"
                        >
                            <c-input
                                v-model="model.dedgrp.rec.expplc"
                                maxlength="29"
                                placeholder="请输入Date/Place of Expiry"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </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 :span="12">
                    <c-col :span="24">
                        <el-form-item
                            label="受益人参考号"
                            prop="dedgrp.ben.pts.ref"
                        >
                            <c-input
                                v-model="model.dedgrp.ben.pts.ref"
                                maxlength="16"
                                placeholder="请输入Beneficiary"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="受益人名称"
                            prop="dedgrp.ben.pts.nam"
                        >
                            <c-input
                                v-model="model.dedgrp.ben.pts.nam"
                                maxlength="40"
                                placeholder="请输入Name of Party"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <!-- <c-col :span="24">
                        <el-form-item
                            label="开证行参考号"
                            prop="dedgrp.iss.pts.ref"
                        >
                            <c-input
                                v-model="model.dedgrp.iss.pts.ref"
                                maxlength="16"
                                placeholder="请输入Issuing Bank"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item
                            label="开证行名称"
                            prop="dedgrp.iss.pts.nam"
                        >
                            <c-input
                                v-model="model.dedgrp.iss.pts.nam"
                                maxlength="40"
                                placeholder="请输入Name of Party"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col> -->
                    <c-col :span="24">
                        <el-form-item
                            label="开证行编号"
                            prop="dedgrp.rec.kzref"
                        >
                            <c-input
                                v-model="model.dedgrp.rec.kzref"
                                maxlength="16"
                                placeholder="请输入开证行编号"
                                disabled="disabled"
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="开证行名称"
                            prop="dedgrp.iss.pts.nam"
                        >
                            <c-input
                                v-model="model.dedgrp.iss.pts.nam"
                                maxlength="40"
                                placeholder="请输入开证行名称"
                                disabled="disabled"
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="申请人参考号"
                            prop="dedgrp.apl.pts.ref"
                        >
                            <c-input
                                v-model="model.dedgrp.apl.pts.ref"
                                maxlength="16"
                                placeholder="请输入Applicant"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item
                            label="申请人名称"
                            prop="dedgrp.apl.pts.nam"
                        >
                            <c-input
                                v-model="model.dedgrp.apl.pts.nam"
                                maxlength="40"
                                placeholder="请输入Name of Party"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="Confirmation text" prop="cnftxt">
                            <c-input
                                v-model="model.cnftxt"
                                maxlength="40"
                                placeholder="请输入Confirmation text"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>
        </div>

        <!-- 单据 -->
        <div v-if="hotreg == 3 || hotreg == 4">
            <c-col :span="24">
                <!-- Left -->
                <c-col :span="12">
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="单据金额"
                                prop="bfdgrp.cbs.max.cur"
                            >
                                <c-input
                                    v-model="model.bfdgrp.cbs.max.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="bfdgrp.cbs.max.amt"
                            >
                                <c-input
                                    v-model="model.bfdgrp.cbs.max.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="单据金额"
                                prop="bfdgrp.cbs.opn1.cur"
                            >
                                <c-input
                                    v-model="model.bfdgrp.cbs.opn1.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="bfdgrp.cbs.opn1.amt"
                            >
                                <c-input
                                    v-model="model.bfdgrp.cbs.opn1.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item
                            label="单据类型"
                            prop="bfdgrp.rec.doctypcod"
                        >
                            <c-input
                                v-model="model.bfdgrp.rec.doctypcod"
                                maxlength="1"
                                placeholder="请输入单据类型"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="远期单据到期日"
                                prop="bfdgrp.rec.orddat"
                            >
                                <c-date-picker
                                    type="date"
                                    v-model="model.bfdgrp.rec.orddat"
                                    style="width: 100%"
                                    placeholder="请选择远期单据到期日"
                                    disabled
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label="寄单日期"
                                prop="dfdgrp.rec.opndat"
                            >
                                <c-date-picker
                                    type="date"
                                    v-model="model.dfdgrp.rec.opndat"
                                    style="width: 100%"
                                    placeholder="请选择代付日期"
                                    disabled
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="到单日期"
                                prop="bfdgrp.rec.rcvdat"
                            >
                                <c-date-picker
                                    type="date"
                                    v-model="model.bfdgrp.rec.rcvdat"
                                    style="width: 100%"
                                    placeholder="请选择到单日期"
                                    disabled
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label="提示日期"
                                prop="bfdgrp.rec.predat"
                            >
                                <c-date-picker
                                    type="date"
                                    v-model="model.bfdgrp.rec.predat"
                                    style="width: 100%"
                                    placeholder="请选择Presentation Date"
                                    disabled
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
                            <c-input
                                v-model="model.bfdgrp.rec.docsta"
                                maxlength="40"
                                placeholder="请输入单据状态"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>

                <!-- Right -->
                <c-col :span="12">
                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '交单行',
                                grp: 'bfdgrp',
                                rol: 'prb',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>
                    <!-- <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '开证行',
                                grp: 'bfdgrp',
                                rol: 'iss',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col> -->
                    <c-col :span="24">
                        <el-form-item
                            label="开证行编号"
                            prop="dedgrp.rec.kzref"
                        >
                            <c-input
                                v-model="model.dedgrp.rec.kzref"
                                maxlength="16"
                                placeholder="请输入开证行编号"
                                disabled="disabled"
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item
                            label="开证行名称"
                            prop="dedgrp.iss.pts.nam"
                        >
                            <c-input
                                v-model="model.dedgrp.iss.pts.nam"
                                maxlength="40"
                                placeholder="请输入开证行名称"
                                disabled="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>
            </c-col>
        </div>

        <!-- 融资 -->
        <div v-if="hotreg == 5 || hotreg == 6">
            <c-col :span="24">
                <!-- Left -->
                <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item label="业务合同" prop="bppnttyp">
                            <c-select
                                v-model="model.bppnttyp"
                                style="width: 100%"
                                placeholder="请选择业务合同"
                            >
                                <el-option
                                    v-for="item in codes.bppnttyp"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item
                            label="单据业务编号"
                            prop="mtdgrp.rec.ownref"
                        >
                            <c-fullbox>
                                <c-input
                                    v-model="model.mtdgrp.rec.ownref"
                                    maxlength="16"
                                    placeholder="单据业务编号"
                                    @keyup.enter.native="
                                        showGridPromptDialog(
                                            'mtdgrp.rec.ownref'
                                        )
                                    "
                                ></c-input>
                                <template slot="footer">
                                    <c-checkbox
                                        v-model="model.mtdget.clsflg"
                                        style="margin-left: 10px"
                                        >Show closed</c-checkbox
                                    >
                                </template>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item
                            label="融资业务编号"
                            prop="bpdgrp.rec.ownref"
                        >
                            <c-fullbox>
                                <c-input
                                    v-model="model.bpdgrp.rec.ownref"
                                    maxlength="16"
                                    placeholder="请输入融资业务编号"
                                    @keyup.enter.native="
                                        showGridPromptDialog(
                                            'bpdgrp.rec.ownref'
                                        )
                                    "
                                ></c-input>
                                <template slot="footer">
                                    <c-checkbox
                                        v-model="model.mtdget.clsflg"
                                        style="margin-left: 10px"
                                        >Show closed</c-checkbox
                                    >
                                </template>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="融资金额"
                                prop="bpdgrp.cbs.max.cur"
                            >
                                <c-input
                                    v-model="model.bpdgrp.cbs.max.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="bpdgrp.cbs.max.amt"
                            >
                                <c-input
                                    v-model="model.bpdgrp.cbs.max.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="押汇余额"
                                prop="bpdgrp.cbs.opn1.cur"
                            >
                                <c-input
                                    v-model="model.bpdgrp.cbs.max.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="bpdgrp.cbs.opn1.amt"
                            >
                                <c-input
                                    v-model="model.bpdgrp.cbs.opn1.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="起息日期" prop="bpdgrp.rec.opndat">
                            <c-date-picker
                                type="date"
                                v-model="model.bpdgrp.rec.opndat"
                                style="width: 100%"
                                placeholder="请选择起息日期"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="融资帐号" prop="bpdgrp.rec.finact">
                            <c-input
                                v-model="model.bpdgrp.rec.finact"
                                maxlength="21"
                                placeholder="请输入融资帐号"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>

                <!-- Right -->
                <c-col :span="12">
                    <c-col :span="24"> </c-col>
                    <c-col :span="24">
                        <el-form-item label="摘要" prop="mtdgrp.rec.nam">
                            <c-input
                                v-model="model.mtdgrp.rec.nam"
                                maxlength="40"
                                placeholder="请输入摘要"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="摘要" prop="bpdgrp.rec.nam">
                            <c-input
                                v-model="model.bpdgrp.rec.nam"
                                maxlength="40"
                                placeholder="请输入摘要"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '融资客户',
                                grp: 'bpdgrp',
                                rol: 'fia',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="融资类型" prop="dfdgrp.rec.fintyp">
                            <c-input
                                v-model="model.dfdgrp.rec.fintyp"
                                maxlength="3"
                                placeholder="请输入Type"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
                            <c-date-picker
                                type="date"
                                v-model="model.bfdgrp.rec.rcvdat"
                                style="width: 100%"
                                placeholder="请选择到单日期"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>
        </div>

        <!-- 同业代付 -->
        <div v-if="hotreg == 7 || hotreg == 8">
            <c-col :span="24">
                <!-- Left -->
                <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item
                            label="代付业务编号"
                            prop="dfdgrp.rec.ownref"
                        >
                            <c-fullbox>
                                <c-input
                                    v-model="model.dfdgrp.rec.ownref"
                                    maxlength="16"
                                    placeholder="请输入代付业务编号"
                                    @keyup.enter.native="
                                        showGridPromptDialog('dfdgrp.rec.ownref')
                                    "
                                ></c-input>
                                <template slot="footer">
                                    <c-checkbox
                                        v-model="model.bfdget.clsflg"
                                        style="margin-left: 10px"
                                        >Show closed</c-checkbox
                                    >
                                </template>
                            </c-fullbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="代付本金"
                                prop="dfdgrp.cbs.max.cur"
                            >
                                <c-input
                                    v-model="model.dfdgrp.cbs.max.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="dfdgrp.cbs.max.amt"
                            >
                                <c-input
                                    v-model="model.dfdgrp.cbs.max.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="12">
                            <el-form-item
                                label="代付本金"
                                prop="dfdgrp.cbs.opn1.cur"
                            >
                                <c-input
                                    v-model="model.dfdgrp.cbs.opn1.cur"
                                    maxlength="3"
                                    placeholder="请输入单据金额"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="12">
                            <el-form-item
                                label=""
                                label-width="5px"
                                prop="dfdgrp.cbs.opn1.amt"
                            >
                                <c-input
                                    v-model="model.dfdgrp.cbs.opn1.amt"
                                    placeholder="请输入Balance"
                                    disabled
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="代付日期" prop="dfdgrp.rec.opndat">
                            <c-date-picker
                                type="date"
                                v-model="model.dfdgrp.rec.opndat"
                                style="width: 100%"
                                placeholder="请选择代付日期"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="代付类型" prop="dfdgrp.rec.fintyp">
                            <c-input
                                v-model="model.dfdgrp.rec.fintyp"
                                maxlength="3"
                                placeholder="请输入Type"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col>
                        <c-col :span="12">
                            <el-form-item
                                label="代付起始日"
                                prop="dfdgrp.rec.stttendat"
                            >
                                <c-date-picker
                                    type="date"
                                    v-model="model.dfdgrp.rec.stttendat"
                                    style="width: 100%"
                                    placeholder="请选择代付起始日"
                                    disabled
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>

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

                <!-- Right -->
                <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item label="摘要" prop="dfdgrp.rec.nam">
                            <c-input
                                v-model="model.dfdgrp.rec.nam"
                                maxlength="40"
                                placeholder="请输入摘要"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '申请人',
                                grp: 'dfdgrp',
                                rol: 'apl',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>
                    <c-col :span="24">
                        <c-ptsmsg
                            :model="model"
                            :argadr="{
                                title: '代付行',
                                grp: 'dfdgrp',
                                rol: 'dff',
                            }"
                            :disabled="true"
                        ></c-ptsmsg>
                    </c-col>
                </c-col>
            </c-col>
        </div>

        <!-- ========================操作菜单================== -->
        <c-col :span="24">
            <el-form-item>
                <el-divider />
            </el-form-item>
        </c-col>
        <c-col :offset="12" :span="10">
            <el-tabs tab-position="right" @tab-click="onTabClick">
                <el-tab-pane v-for="it in meum" :key="it.key" :label="it.label">
                    <sel-mune :data="meumItem" :model="model" />
                </el-tab-pane>
            </el-tabs>
        </c-col>
    </c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue";
import Ptsmsg from "~/views/Public/Ptsmsg";

export default {
    components: {
        SelMune,
        "c-ptsmsg": Ptsmsg,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            hotreg: "1",
            meum: [
                {
                    label: "信用证",
                    key: 1,
                },
                {
                    label: "信用证其他",
                    key: 2,
                },
                {
                    label: "单据",
                    key: 3,
                },
                {
                    label: "单据其他",
                    key: 4,
                },
                {
                    label: "融资",
                    key: 5,
                },
                {
                    label: "融资其他",
                    key: 6,
                },
                {
                    label: "同业代付",
                    key: 7,
                },
                {
                    label: "其他",
                    key: 8,
                },
            ],
        };
    },
    methods: {
        ...Event,
        //各入口按钮请求
        async onTabClick(tab) {
            var label = tab.label;
            var key = 1;
            var meum = this.meum;
            for (let i = 0; i < meum.length; i++) {
                if (meum[i].label == label) {
                    key = meum[i].key;
                    break;
                }
            }
            this.hotreg = key;
            let rtnmsg = await this.executeRule(`cfgfil.hotreg${key}`);
            if (rtnmsg.respCode == SUCCESS) {
                this.updateModel(rtnmsg.data);
            } else {
                this.$notify.error({
                    title: "错误",
                    message: "服务请求失败！",
                });
            }
        },
    },
    computed: {
        meumItem() {
            return this.model.cfgfil.btnstm.rows || [];
        },
    },
};
</script>
<style>
.centerLable {
    height: 28px;
    line-height: 28px;
}
</style>
