<template>
    <div class="eibs-tab">
            <!-- <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="recget.sdamod.dadsnd">
                <c-input
                v-model="model.recget.sdamod.dadsnd"
                placeholder="请输入Drag  Drop Sender"
                ></c-input>
            </el-form-item> 
            </c-col> -->
            <!-- =========================顶部不变======================== -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="Reference" prop="gidgrp.rec.ownref">
                    <c-input
                    v-model="model.gidgrp.rec.ownref"
                    maxlength="16"
                    placeholder="请输入Reference"
                    ></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="1">
                <el-form-item label="" label-width="15px" >
                    <c-button size="mini" type="primary" icon="el-icon-search"></c-button>
                </el-form-item>
            </c-col>

            <c-col :span="3">
                <el-form-item label="Show closed" prop="model.clsflg">
                    <c-checkbox v-model="model.clsflg" />
                </el-form-item>
            </c-col>

            <c-col :span="11">
                <el-form-item
                    label="Name"
                    prop="gidgrp.rec.nam"
                >
                    <c-input
                    v-model="model.gidgrp.rec.nam"
                    maxlength="40"
                    placeholder="请输入Name"
                    disabled
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-row>
        <!-- =======================Guarantee和Others ============================ -->
            <c-col v-if="flag == 1">
                <c-row>
                    <c-col :span="6">
                        <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur">
                        <c-select
                            v-model="model.gidgrp.cbs.max.cur"
                            style="width: 100%"
                            disabled
                        >
                        </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <el-form-item label="" label-width="20px" prop="model.gidgrp.cbs.max.amt">
                                    <c-input
                                        v-model="model.gidgrp.cbs.max.amt"
                                        disabled
                                    ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <el-form-item>
                            <c-checkbox 
                            v-model="model.aamgid.addamtflg"
                            disabled
                            >Add. Amount</c-checkbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="6">
                        <el-form-item label="Open Amount" prop="model.gidgrp.cbs.opn1.cur">
                            <c-select
                            v-model="model.gidgrp.cbs.opn1.cur"
                            maxlength="3"
                            placeholder="请输入Open Amount"
                            disabled
                            ></c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="6">
                        <el-form-item label="" prop="model.gidgrp.cbs.opn1.amt">
                            <c-input
                            v-model="model.gidgrp.cbs.opn1.amt"
                            placeholder="请输入Balance"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Applicant" prop="gidgrp.apl.pts.nam">
                            <c-input
                            v-model="model.gidgrp.apl.pts.nam"
                            maxlength="40"
                            placeholder="请输入Applicant"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Incoming Purpose " prop="gidgrp.rec.purposin">
                            <c-select
                            v-model="model.gidgrp.rec.purposin"
                            style="width: 100%"
                            placeholder="请选择Incoming Purpose "
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Purpose of Message" prop="gidgrp.rec.purpos">
                            <c-select
                            v-model="model.gidgrp.rec.purpos"
                            style="width: 100%"
                            placeholder="请选择Purpose of Message"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Beneficiary" prop="gidgrp.ben.pts.nam">
                            <c-input
                            v-model="model.gidgrp.ben.pts.nam"
                            maxlength="40"
                            placeholder="请输入Beneficiary"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Handling Type" prop="gidgrp.rec.hndtyp">
                            <c-select
                            v-model="model.gidgrp.rec.hndtyp"
                            style="width: 100%"
                            placeholder="请选择Handling Type"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp">
                            <c-select
                            v-model="model.gidgrp.rec.gartyp"
                            style="width: 100%"
                            placeholder="请选择Type of Undertaking"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Accountee" prop="gidgrp.ctr.pts.nam">
                            <c-input
                            v-model="model.gidgrp.ctr.pts.nam"
                            maxlength="40"
                            placeholder="请输入Accountee"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="4">
                        <el-form-item label="Validity" prop="gidgrp.rec.expdat">
                            <c-date-picker
                            type="date"
                            v-model="model.gidgrp.rec.expdat"
                            style="width: 100%"
                            placeholder="请选择Validity"
                            disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item label="" prop="gidgrp.rec.exptyp">
                            <c-select
                            v-model="model.gidgrp.rec.exptyp"
                            style="width: 100%"
                            placeholder="请选择Expiry Type"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="4">
                        <el-form-item label="Liability" prop="gidgrp.rec.liadat">
                            <c-date-picker
                            type="date"
                            v-model="model.gidgrp.rec.liadat"
                            style="width: 100%"
                            placeholder="请选择Liability until"
                            disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item
                            label=""
                            prop="gidgrp.rec.liatypc"
                        >
                            <c-select
                            v-model="model.gidgrp.rec.liatypc"
                            style="width: 100%"
                            placeholder="请选择Liability Type - Local Undertaking Seq. C"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Issuing Bank" prop="gidgrp.iss.pts.nam">
                            <c-input
                            v-model="model.gidgrp.iss.pts.nam"
                            maxlength="40"
                            placeholder="请输入Issuing Bank"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        <!-- =======================Claim和Oth.Claim ============================ -->
            <c-col v-if="flag == 2">
                <c-row>
                    <c-col :span="6">
                        <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur">
                        <c-select
                            v-model="model.gidgrp.cbs.max.cur"
                            style="width: 100%"
                            disabled
                        >
                        </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <el-form-item label="" label-width="20px" prop="model.gidgrp.cbs.max.amt">
                                    <c-input
                                        v-model="model.gidgrp.cbs.max.amt"
                                        disabled
                                    ></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="4">
                        <el-form-item>
                            <c-checkbox 
                            v-model="model.aamgid.addamtflg"
                            disabled
                            >Add. Amount</c-checkbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="6">
                        <el-form-item label="Open Amount" prop="model.gidgrp.cbs.opn1.cur">
                            <c-select
                            v-model="model.gidgrp.cbs.opn1.cur"
                            maxlength="3"
                            placeholder="请输入Open Amount"
                            disabled
                            ></c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="6">
                        <el-form-item label="" prop="model.gidgrp.cbs.opn1.amt">
                            <c-input
                            v-model="model.gidgrp.cbs.opn1.amt"
                            placeholder="请输入Balance"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Applicant" prop="gidgrp.apl.pts.nam">
                            <c-input
                            v-model="model.gidgrp.apl.pts.nam"
                            maxlength="40"
                            placeholder="请输入Applicant"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp">
                            <c-select
                            v-model="model.gidgrp.rec.gartyp"
                            style="width: 100%"
                            placeholder="请选择Type of Undertaking"
                            disabled
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
                <c-row>
                    <c-col :span="4">
                        <el-form-item label="Expiry" prop="gidgrp.rec.expdat">
                            <c-date-picker
                            type="date"
                            v-model="model.gidgrp.rec.expdat"
                            style="width: 100%"
                            placeholder="请选择Validity"
                            disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4">
                        <el-form-item label="Liability" prop="gidgrp.rec.liadat">
                            <c-date-picker
                            type="date"
                            v-model="model.gidgrp.rec.liadat"
                            style="width: 100%"
                            placeholder="请选择Liability until"
                            disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Beneficiary" prop="gidgrp.ben.pts.nam">
                            <c-input
                            v-model="model.gidgrp.ben.pts.nam"
                            maxlength="40"
                            placeholder="请输入Beneficiary"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="8">
                        <el-form-item label="Claim Reference" prop="gcdgrp.rec.ownref">
                            <c-input
                            v-model="model.gcdgrp.rec.ownref"
                            maxlength="16"
                            placeholder="请输入Claim Reference"
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="1">
                        <el-form-item label="" label-width="15px" >
                            <c-button size="mini" type="primary" icon="el-icon-search"></c-button>
                        </el-form-item>
                    </c-col>
                    <c-col :span="3">
                        <el-form-item label="Show closed" prop="model.gcdget.clsflg">
                            <c-checkbox v-model="model.gcdget.clsflg" />
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item
                            label="Name"
                            prop="gcdgrp.rec.nam"
                        >
                            <c-input
                            v-model="model.gcdgrp.rec.nam"
                            maxlength="40"
                            placeholder="请输入Name"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="4">
                        <el-form-item label="Claim Amount" prop="gcdgrp.cbs.max.cur">
                            <c-input
                            v-model="model.gcdgrp.cbs.max.cur"
                            maxlength="3"
                            placeholder="请输入Claim Amount"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item label="Balance" prop="gcdgrp.cbs.max.amt">
                            <c-input
                            v-model="model.gcdgrp.cbs.max.amt"
                            placeholder="请输入Balance"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Presented by" prop="gcdgrp.rec.docprbrol">
                            <c-input
                            v-model="model.gcdgrp.rec.docprbrol"
                            maxlength="3"
                            placeholder="请输入Presented by"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="4">
                        <el-form-item label="Open Amount" prop="gcdgrp.cbs.opn1.cur">
                            <c-input
                            v-model="model.gcdgrp.cbs.opn1.cur"
                            maxlength="3"
                            placeholder="请输入Open Amount"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item label="Balance" prop="gcdgrp.cbs.opn1.amt">
                            <c-input
                            v-model="model.gcdgrp.cbs.opn1.amt"
                            placeholder="请输入Balance"
                            disabled
                            ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12">
                        <el-form-item label="Date of Claim" prop="gcdgrp.rec.clmdat">
                            <c-date-picker
                            type="date"
                            v-model="model.gcdgrp.rec.clmdat"
                            style="width: 100%"
                            placeholder="请选择Date of Claim"
                            disabled
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>

            </c-col>
            <!-- ========================操作菜单================== -->
        <c-col :span="23">
            <el-form-item>
                <el-divider />
            </el-form-item>
        </c-col>
        <c-col :offset="12" :span="10">
            <el-tabs tab-position="right"  @tab-click="change">
                <el-tab-pane label="Guarantee" >
                    <sel-mune :data="items.item1" />
                </el-tab-pane>
                <el-tab-pane label="Others" >
                    <sel-mune :data="items.item2" />
                </el-tab-pane>
                <el-tab-pane label="Claim" 
                    ><sel-mune :data="items.item3" />
                </el-tab-pane>
                <el-tab-pane label="Oth.Claim" >
                    <sel-mune :data="items.item4"
                /></el-tab-pane>
            </el-tabs>
        </c-col>
            <!-- <c-col :span="11">
                <el-form-item label="" prop="recget.sdamod.seainf">
                    <c-input
                    v-model="model.recget.sdamod.seainf"
                    placeholder="请输入"
                    ></c-input>
                </el-form-item>
            </c-col>

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

            

            

            

            

            

            

            

            

            

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

            

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

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

            

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

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

            <c-col :span="12">
                <el-form-item
                    label="Externally Displayed Name to Identify the Contract"
                    prop="gcdgrp.rec.nam"
                >
                    <c-input
                    v-model="model.gcdgrp.rec.nam"
                    maxlength="40"
                    placeholder="请输入Externally Displayed Name to Identify the Contract"
                    ></c-input>
                </el-form-item>
            </c-col>

            

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

            <c-col :span="12">
            <c-checkbox v-model="model.gcdget.clsflg"
                >which contracts to show</c-checkbox
            >
            </c-col>

            

            <c-col :span="12">
            <el-form-item label="Validity" prop="gidgrp.adv.pts.nam">
                <c-input
                v-model="model.gidgrp.adv.pts.nam"
                maxlength="40"
                placeholder="请输入Validity"
                ></c-input>
            </el-form-item>
            </c-col>

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

            

            

            

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

            

            

            

            

            <c-col :span="12">
            <el-form-item label="Bitmap for folder" prop="cfgfil.bitmap">
                <c-input
                v-model="model.cfgfil.bitmap"
                placeholder="请输入Bitmap for folder"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside1">
                <c-input
                v-model="model.cfgfil.regside1"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg1" prop="cfgfil.hotreg1">
                <c-input
                v-model="model.cfgfil.hotreg1"
                placeholder="请输入hotspot reg1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside5">
                <c-input
                v-model="model.cfgfil.regside5"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg5" prop="cfgfil.hotreg5">
                <c-input
                v-model="model.cfgfil.hotreg5"
                placeholder="请输入hotspot reg5"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside9">
                <c-input
                v-model="model.cfgfil.regside9"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg9" prop="cfgfil.hotreg9">
                <c-input
                v-model="model.cfgfil.hotreg9"
                placeholder="请输入hotspot reg9"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt1" data-path=".cfgfil.regtxt1"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt5" data-path=".cfgfil.regtxt5"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt9" data-path=".cfgfil.regtxt9"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.selbut.dsppndclm" data-path=".selbut.dsppndclm">
            </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub1">
                <c-input
                v-model="model.cfgfil.hotsub1"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt1" data-path=".cfgfil.subtxt1"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn1" data-path=".cfgfil.subtrn1"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub2">
                <c-input
                v-model="model.cfgfil.hotsub2"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt2" data-path=".cfgfil.subtxt2"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn2" data-path=".cfgfil.subtrn2"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt3" data-path=".cfgfil.subtxt3"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub3">
                <c-input
                v-model="model.cfgfil.hotsub3"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside2">
                <c-input
                v-model="model.cfgfil.regside2"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg2" prop="cfgfil.hotreg2">
                <c-input
                v-model="model.cfgfil.hotreg2"
                placeholder="请输入hotspot reg2"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside6">
                <c-input
                v-model="model.cfgfil.regside6"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg6" prop="cfgfil.hotreg6">
                <c-input
                v-model="model.cfgfil.hotreg6"
                placeholder="请输入hotspot reg6"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside10">
                <c-input
                v-model="model.cfgfil.regside10"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg10" prop="cfgfil.hotreg10">
                <c-input
                v-model="model.cfgfil.hotreg10"
                placeholder="请输入hotspot reg10"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt2" data-path=".cfgfil.regtxt2"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt6" data-path=".cfgfil.regtxt6"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt10" data-path=".cfgfil.regtxt10"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn3" data-path=".cfgfil.subtrn3"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.selbut.dsppndram" data-path=".selbut.dsppndram">
            </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub4">
                <c-input
                v-model="model.cfgfil.hotsub4"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt4" data-path=".cfgfil.subtxt4"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn4" data-path=".cfgfil.subtrn4"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.selbut.dspamenbr" data-path=".selbut.dspamenbr">
            </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub5">
                <c-input
                v-model="model.cfgfil.hotsub5"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt5" data-path=".cfgfil.subtxt5"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn5" data-path=".cfgfil.subtrn5"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub6">
                <c-input
                v-model="model.cfgfil.hotsub6"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt6" data-path=".cfgfil.subtxt6"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn6" data-path=".cfgfil.subtrn6"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside3">
                <c-input
                v-model="model.cfgfil.regside3"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg3" prop="cfgfil.hotreg3">
                <c-input
                v-model="model.cfgfil.hotreg3"
                placeholder="请输入hotspot reg3"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside7">
                <c-input
                v-model="model.cfgfil.regside7"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg7" prop="cfgfil.hotreg7">
                <c-input
                v-model="model.cfgfil.hotreg7"
                placeholder="请输入hotspot reg7"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside11">
                <c-input
                v-model="model.cfgfil.regside11"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg11" prop="cfgfil.hotreg11">
                <c-input
                v-model="model.cfgfil.hotreg11"
                placeholder="请输入hotspot reg11"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt3" data-path=".cfgfil.regtxt3"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt7" data-path=".cfgfil.regtxt7"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt11" data-path=".cfgfil.regtxt11"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt7" data-path=".cfgfil.subtxt7"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub7">
                <c-input
                v-model="model.cfgfil.hotsub7"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn7" data-path=".cfgfil.subtrn7"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub8">
                <c-input
                v-model="model.cfgfil.hotsub8"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt8" data-path=".cfgfil.subtxt8"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn8" data-path=".cfgfil.subtrn8"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt9" data-path=".cfgfil.subtxt9"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub9">
                <c-input
                v-model="model.cfgfil.hotsub9"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn9" data-path=".cfgfil.subtrn9"> </span>
            </c-col>

            <c-col :span="12">
            <span
                v-text="model.selbut.sptpenlab_descr"
                data-path=".selbut.sptpenlab_descr"
            >
            </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg4" prop="cfgfil.hotreg4">
                <c-input
                v-model="model.cfgfil.hotreg4"
                placeholder="请输入hotspot reg4"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside4">
                <c-input
                v-model="model.cfgfil.regside4"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside8">
                <c-input
                v-model="model.cfgfil.regside8"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg8" prop="cfgfil.hotreg8">
                <c-input
                v-model="model.cfgfil.hotreg8"
                placeholder="请输入hotspot reg8"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="Regside" prop="cfgfil.regside12">
                <c-input
                v-model="model.cfgfil.regside12"
                placeholder="请输入Regside"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot reg12" prop="cfgfil.hotreg12">
                <c-input
                v-model="model.cfgfil.hotreg12"
                placeholder="请输入hotspot reg12"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt4" data-path=".cfgfil.regtxt4"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt8" data-path=".cfgfil.regtxt8"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.regtxt12" data-path=".cfgfil.regtxt12"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub10">
                <c-input
                v-model="model.cfgfil.hotsub10"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt10" data-path=".cfgfil.subtxt10"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn10" data-path=".cfgfil.subtrn10"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.selbut.sptpenlab" data-path=".selbut.sptpenlab">
            </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.selbut.dspclsdat" data-path=".selbut.dspclsdat">
            </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtrn11" data-path=".cfgfil.subtrn11"> </span>
            </c-col>

            <c-col :span="12">
            <span v-text="model.cfgfil.subtxt11" data-path=".cfgfil.subtxt11"> </span>
            </c-col>

            <c-col :span="12">
            <el-form-item label="hotspot submenu 1" prop="cfgfil.hotsub11">
                <c-input
                v-model="model.cfgfil.hotsub11"
                placeholder="请输入hotspot submenu 1"
                ></c-input>
            </el-form-item>
            </c-col>

            <c-col :span="12">
            <span
                v-text="model.selbut.trnpenlab_descr"
                data-path=".selbut.trnpenlab_descr"
            >
            </span>
            </c-col>

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

            <c-col :span="12">
            <span v-text="model.selbut.trnpenlab" data-path=".selbut.trnpenlab">
            </span>
            </c-col> -->
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitsel/Event";
import SelMune from "./SelMune.vue";

export default {
  inject: ["root"],
  components: { SelMune },
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
        flag:1,
        items:{
                "item1": [
                    {title: "Cash collection", url: "#",disabled: false,},
                    {title: "Cash Cancelling",url: "#",disabled: false,},
                    {title: "Cash Adjustment",url: "#",disabled: true,},
                    { title: "Reserving Reference Numbers", url: "#", disabled: false },
                    { title: "Creating a Guarantee", url: "#", disabled: false },
                    {title: "Handing Change Plan",url: "#",disabled: true,},
                    {title: "Amendment of Guarantee",url: "#",disabled: true,},
                    {title: "减额后处理",url: "#",disabled: true,},
                    { title: "Commissioning", url: "#", disabled: true },
                ],
                "item2": [
                    {title: "Charge Settlement", url: "#",disabled: true,},
                    {title: "Attacment",url: "#",disabled: true,},
                    {title: "闭卷后定期保证金处理",url: "#",disabled: true,},
                    { title: "Editing References", url: "#", disabled: true },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    {title: "Common Messages",url: "#",disabled: true,},
                    {title: "Preparing Cancellation",url: "#",disabled: true,},
                    {title: "Cancelling",url: "#",disabled: true,},
                    { title: "Re-Opening", url: "#", disabled: true },
                ],
                "item3": [
                    {title: "Registeration of Claim", url: "#",disabled: true,},
                    {title: "Rejection of Claim",url: "#",disabled: true,},
                    {title: "Payment of Claim",url: "#",disabled: true,},
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "Closing", url: "#", disabled: true },
                    { title: "Re-Opening", url: "#", disabled: true },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                ],
                "item4": [
                    {title: "Setting Charges", url: "#",disabled: true,},
                    {title: "Editing References",url: "#",disabled: true,},
                    {title: "Closing",url: "#",disabled: true,},
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "", url: "#", disabled: false },
                    { title: "Common Messages", url: "#", disabled: true },
                ],
            }
    };
  },
  methods: { ...Event ,
        change(tab,event) {
            if(tab.label==='Guarantee')
            this.flag = 1
            if(tab.label==='Others')
            this.flag = 1;
            if(tab.label==='Claim')
            this.flag = 2;
            if(tab.label==='Oth.Claim')
            this.flag = 2;
        },
        },
  created: function () {},
};
</script>
<style>
</style>