<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="参考号" prop="dedgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.dedgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入参考号"
                                disabled
                            ></c-input>
                            <template slot="footer">
                                <c-button
                                    style="padding: 0 14px"
                                    size="small"
                                    type="primary"
                                >
                                    <span
                                        style="
                                            font-size: 15px;
                                            font-family: '宋体';
                                            font-weight: bold;
                                        "
                                        >i</span
                                    >
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
                        <c-date-picker
                            type="date"
                            v-model="model.trnmod.swiadd.amedat"
                            style="width: 100%"
                            placeholder="请选择修改日期"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>
            <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-col :span="13">
                        <el-form-item
                            label="收到信用证修改的次数"
                            prop="trnmod.swiadd.amenbr"
                        >
                            <c-input
                                v-model="model.trnmod.swiadd.amenbr"
                                placeholder="请输入收到信用证修改的次数"
                            ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="11">
                        <el-form-item
                            label="实际修改次数"
                            prop="detamep.amenbr"
                        >
                            <c-input
                                v-model="model.detamep.amenbr"
                                placeholder="请输入实际修改次数"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <!-- ===========Left======== -->
            <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"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="olddedgrp.cbs.nom1.amt"
                        >
                            <c-input
                                v-model="model.olddedgrp.cbs.nom1.amt"
                                style="width: 100%"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="增减金额"
                            prop="trnmod.swiadd.amecur"
                        >
                            <c-input
                                v-model="model.trnmod.swiadd.amecur"
                                disabled
                            >
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item label="" label-width="5px">
                            <c-input
                                v-model="model.trnmod.swiadd.ameamt"
                                style="width: 100%"
                                @keyup.enter.native="showGridPromptDialog('trnmod.swiadd.ameamt')"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="修改后金额"
                            prop="trnmod.swiadd.newcur"
                        >
                            <c-input
                                v-model="model.trnmod.swiadd.newcur"
                                disabled
                            >
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="trnmod.swiadd.newamt"
                        >
                            <c-input
                                v-model="model.trnmod.swiadd.newamt"
                                style="width: 100%"
                                @keyup.enter.native="showGridPromptDialog('trnmod.swiadd.newamt')"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="溢短装"
                            prop="olddedgrp.rec.nomtop"
                        >
                            <c-input
                                v-model="model.olddedgrp.rec.nomtop"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="trnmod.swiadd.newamt"
                        >
                        <c-input
                            v-model="model.olddedgrp.rec.nomton"
                            disabled
                        ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
            </c-col>
            <!-- ===========right======== -->
            <c-col :span="12">
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="最大金额"
                            prop="olddedgrp.cbs.max.cur"
                        >
                            <c-input
                                v-model="model.olddedgrp.cbs.max.cur"
                                maxlength="3"
                                placeholder="请输入Currency"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="olddedgrp.cbs.max.amt"
                        >
                            <c-input
                                v-model="model.olddedgrp.cbs.max.amt"
                                maxlength="3"
                                style="width: 100%"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item label="修改总金额" prop="detamep.engcur">
                            <c-input
                                v-model="model.detamep.engcur"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="detamep.engamt"
                        >
                            <c-input
                                v-model="model.detamep.engamt"
                                style="width: 100%"
                                disabled
                            >
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item label="" prop="detamep.maxcur">
                            <c-input
                                v-model="model.detamep.maxcur"
                                maxlength="3"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label=""
                            label-width="5px"
                            prop="detamep.maxamt"
                        >
                            <c-input
                                v-model="model.detamep.maxamt"
                                style="width: 100%"
                                disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item prop="trnmod.swiadd.newnomtopame">
                            <c-input
                                v-model="model.trnmod.swiadd.newnomtopame"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item label-width="5px">
                            <c-input
                                v-model="model.trnmod.swiadd.newnomtoname"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="到期日"
                            prop="olddedgrp.rec.expdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.olddedgrp.rec.expdat"
                                style="width: 100%"
                                placeholder="请选择到期日"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="最迟货物装运日"
                            prop="olddedgrp.rec.shpdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.olddedgrp.rec.shpdat"
                                style="width: 100%"
                                placeholder="请选择Shipment Date"
                                disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item
                            label="新到期日"
                            prop="trnmod.swiadd.newexpdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.trnmod.swiadd.newexpdat"
                                style="width: 100%"
                                placeholder="请选择新到期日"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="新最迟货物装运日"
                            prop="trnmod.swiadd.newshpdat"
                        >
                            <c-date-picker
                                type="date"
                                v-model="model.trnmod.swiadd.newshpdat"
                                style="width: 100%"
                                placeholder="请选择New Shipmentdate"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="原报文标识号" prop="trnmod.swiadd.orimsgid">
                        <c-input
                            v-model="model.trnmod.swiadd.orimsgid"
                            maxlength="35"
                            placeholder="请输入原报文标识号"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="货物装运地(港)" prop="trnmod.swiadd.shpfroelc">
                        <c-input
                            type="textarea"
                            v-model="model.trnmod.swiadd.shpfroelc"
                            maxlength="35"
                            show-word-limit
                            placeholder="请输入Shipment from"
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item
                        label="目的地/交货地（港）"
                        prop="trnmod.swiadd.shptoelc"
                    >
                        <c-input
                            type="textarea"
                            v-model="model.trnmod.swiadd.shptoelc"
                            maxlength="35"
                            show-word-limit
                            placeholder="请输入目的地/交货地（港）"
                        ></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="12">
                <c-col :span="24">
                    <el-form-item label="拒绝修改标志" prop="dedgrp.rec.rejame">
                        <c-select
                            v-model="model.dedgrp.rec.rejame"
                            style="width: 100%"
                            placeholder="请选择拒绝修改标志"
                            :code="codes.rejame"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="拒绝修改理由" prop="dedgrp.blk.rejamersn">
                        <c-input
                            type="textarea"
                            v-model="model.dedgrp.blk.rejamersn"
                            maxlength="30"
                            show-word-limit
                            placeholder="请输入拒绝修改理由"
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item
                        label="原发起直接参与机构"
                        prop="trnmod.swiadd.oriinstgagt"
                    >
                        <c-input
                            v-model="model.trnmod.swiadd.oriinstgagt"
                            maxlength="20"
                            placeholder="请输入原发起直接参与机构"
                            disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="原报文类型" prop="trnmod.swiadd.orimsgtyp">
                        <c-select
                            v-model="model.trnmod.swiadd.orimsgtyp"
                            style="width: 100%"
                            placeholder="请选择原报文类型"
                            disabled
                        >
                        </c-select>
                    </el-form-item>
                </c-col>
                <!-- DETAME默认不展示 -->
                <!-- <c-col :span="24">
                    <el-form-item
                        label="Request of Amendment send to"
                        prop="detamep.ramrol"
                    >
                        <c-select
                            v-model="model.detamep.ramrol"
                            style="width: 100%"
                            placeholder="请选择Request of Amendment send to"
                        >
                        </c-select>
                    </el-form-item>
                </c-col> -->
                <c-col :span="24">
                    <el-form-item
                        label=""
                    >
                        <!-- DETAME默认不展示 -->
                        <!-- <c-col :span="12">
                            <c-checkbox v-model="model.detamep.benconflg"
                                >受益人加保兑</c-checkbox
                            >
                        </c-col> -->
                        <c-col :span="12">
                            <c-checkbox v-model="model.detamep.benaccflg"
                                >受益人接受修改</c-checkbox
                            >
                        </c-col>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-table style="text-align: center" :data="tableData" :border="true">
                <el-table-column label="修改次数" prop="xgcs" width="auto"> </el-table-column>
                <el-table-column label="拒绝修改标志" prop="rejame" width="auto"> </el-table-column>
                <el-table-column label="拒绝修改理由" prop="rejamersn" width="auto"> </el-table-column>
            </c-table>
        </c-col>


    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Detame/Event";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            tableData:[]
        };
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>
