<template>
  <div class="eibs-tab">
    <!-- 左 -->
    <el-col :span="11">
      <c-col :span="24">
        <c-form-item label="L/C Reference" prop="lidget.lid.ownref">
          <c-fullbox>
            <c-input
              v-model="model.lidget.lid.ownref"
              maxlength="16"
              style="width: 100%"
              @keyup.enter.native="showGridPromptDialog('lidget.lid.ownref')"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidget.sdamod.seainf')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-checkbox v-model="model.lidget.clsflg">Show closed</c-checkbox>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
      <div v-if="hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9">
        <c-col :span="24">
          <el-form-item label="Contr.to be Financed" prop="trpnttyp">
            <c-select
              v-model="model.trpnttyp"
              style="width: 100%"
              :code="codes.trpnttyp"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </div>

      <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9">
        <!-- S0000293 : Document Reference -->
    <c-col :span="24">
      <c-form-item label="Document Reference" prop="brdget.brd.ownref">
        <c-fullbox>
          <c-input v-model="model.brdget.brd.ownref" maxlength="16"
          @keyup.enter.native="showGridPromptDialog('brdget.brd.ownref')"
          ></c-input>
          <template slot="footer">
            <c-button
              style="margin: 0 10px 0 10px; padding: 0 12px"
              size="small"
              type="primary"
              @click="model.brdget.sdamod.seainf"
            >
              <span style="font-family: '宋体'; font-weight: bold">i</span>
            </c-button>
            <c-checkbox v-model="model.brdget.clsflg">Show closed</c-checkbox>
          </template>
        </c-fullbox>
      </c-form-item>
    </c-col>
      </div>

      <!-- S0000184 : Finance Reference -->
      <div v-if="hotreg== 6 || hotreg== 7">
    <c-col :span="24">
      <c-form-item label="Finance Reference" prop="trdgrp.rec.ownref">
        <c-fullbox>
          <c-input v-model="model.trdgrp.rec.ownref" maxlength="16"
          @keyup.enter.native="showGridPromptDialog('trdgrp.rec.ownref')"
          ></c-input>
          <template slot="footer">
            <c-button
              style="margin: 0 10px 0 10px; padding: 0 12px"
              size="small"
              type="primary"
              @click="model.trdget.sdamod.seainf"
            >
              <span style="font-family: '宋体'; font-weight: bold">i</span>
            </c-button>

            <c-checkbox v-model="model.trdget.clsflg">Show closed</c-checkbox>
          </template>
        </c-fullbox>
      </c-form-item>
    </c-col>
      </div>
      <div v-if="hotreg == 8 || hotreg == 9">
        <!-- Re-Fin Reference -->
        <c-col :span="24">
      <c-form-item label="Re-Fin Reference" prop="dfdgrp.rec.ownref">
        <c-fullbox>
          <c-input v-model="model.dfdgrp.rec.ownref" maxlength="16" @keyup.enter.native="showGridPromptDialog('dfdgrp.rec.ownref')"></c-input>
          <template slot="footer">
            <c-button
              style="margin: 0 10px 0 10px; padding: 0 12px"
              size="small"
              type="primary"
              @click="onSeainf"
            >
              <span style="font-family: '宋体'; font-weight: bold">i</span>
            </c-button>
            <c-checkbox v-model="model.dfdget.clsflg">Show closed</c-checkbox>
          </template>
        </c-fullbox>
      </c-form-item>
    </c-col>
      </div>
      <div v-if="hotreg == 5">
        <!-- SG000303 : Shipping Reference -->
    <c-col :span="24">
      <c-form-item label="Shipping Reference" prop="brdgrp.rec.shgref">
        <c-input v-model="model.brdgrp.rec.shgref" maxlength="16" @keyup.enter.native="showGridPromptDialog('brdgrp.rec.shgref')"></c-input>
      </c-form-item>
    </c-col>
      </div>
      <!-- L/C -->
    <div v-if="hotreg == 1 || hotreg == 2">
        <c-col :span="24">
          <c-col :span="10">
            <el-form-item label="L/C Amount" prop="lidgrp.cbs.nom1.cur">
              <c-input
                v-model="model.lidgrp.cbs.nom1.cur"
                style="width: 100%"
                disabled
              >
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="10">
            <c-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt">
              <c-input
                v-model="model.lidgrp.cbs.nom1.amt"
                style="width: 100%"
                disabled
                placeholder="0.00"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="4">
            <c-checkbox
              v-model="model.aamlid.addamtflg"
              style="margin-left: 1.3px; padding: 0 10px"
              disabled
              >Add.Amount</c-checkbox
            >
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="10">
            <c-form-item label="Open Amount" prop="lidgrp.cbs.opn1.cur">
              <c-input
                v-model="model.lidgrp.cbs.opn1.cur"
                maxlength="3"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="10">
            <c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
              <c-input v-model="model.lidgrp.cbs.opn1.amt" disabled></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="4">
            <c-checkbox
              v-model="model.lidgrp.rec.revflg"
              style="margin-left: 1.3px; padding: 0 10px"
              disabled
              >Revolving L/C</c-checkbox
            >
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-form-item label="Available with" prop="lidgrp.avbnam">
            <c-input
              v-model="model.lidgrp.avbnam"
              maxlength="40"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

        <!-- S0000153 : by -->

        <c-col :span="24">
          <el-form-item label="Available by" prop="lidgrp.rec.avbby">
            <c-input
              v-model="model.lidgrp.rec.avbby"
              style="width: 100%"
              disabled
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Date Issued" prop="lidgrp.rec.opndat">
            <c-date-picker
              type="date"
              disabled
              v-model="model.lidgrp.rec.opndat"
              style="width: 100%"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item
            label="Latest Shipment Date"
            label-width="140px"
            prop="lidgrp.rec.shpdat"
          >
            <c-date-picker
              type="date"
              disabled
              v-model="model.lidgrp.rec.shpdat"
              style="width: 100%"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <!-- S0000155 : Date/ Place of Expiry -->

        <c-col :span="12">
          <el-form-item label="Datel/Place of Expiry" prop="lidgrp.rec.expdat">
            <c-date-picker
              type="date"
              v-model="model.lidgrp.rec.expdat"
              style="width: 100%"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <c-form-item label="" prop="lidgrp.rec.expplc" label-width="5px">
            <c-input
              v-model="model.lidgrp.rec.expplc"
              maxlength="29"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

        <!-- S0000154 : Form of L/C -->

        <c-col :span="24">
          <el-form-item label="Form of L/C" prop="lidgrp.rec.lcrtyp">
            <c-input
              disabled
              v-model="model.lidgrp.rec.lcrtyp"
              style="width: 100%"
            >
            </c-input>
          </el-form-item>
        </c-col>
    </div>
    <!-- Docs -->
    <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 5">
     <!-- S0000130 : Document Amount -->

    <c-col :span="10">
      <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
        <c-select
         disabled
          v-model="model.brdgrp.cbs.max.cur"
          style="width: 100%"
        >
        </c-select>
      </el-form-item>
    </c-col>


    <c-col :span="10">
      <c-form-item label="" 
      label-width="10px"
      prop="brdgrp.cbs.max.amt">
        <c-input
         disabled
          v-model="model.brdgrp.cbs.max.amt"
        ></c-input>
      </c-form-item>
    </c-col>
     <c-col :span="4">
      <c-checkbox 
      disabled
      v-model="model.aambrd.addamtflg"
      style="margin-left:2px;padding: 0 10px;"
      >Add.Amount</c-checkbox>
    </c-col>
    <!-- S0000132 : Open Amount -->

    <c-col :span="10">
      <c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
        <c-input 
        disabled
        v-model="model.brdgrp.cbs.opn1.cur" maxlength="3"></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="14">
      <c-form-item label="" 
      label-width="10px"
      prop="brdgrp.cbs.opn1.amt">
        <c-input
          disabled
          v-model="model.brdgrp.cbs.opn1.amt"
          :placeholder="$t('other.please_enter') + 'Balance'"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- S0000133 : Received on -->

    <c-col :span="13">
      <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
        <c-date-picker
          type="date"
          disabled
          v-model="model.brdgrp.rec.rcvdat"
          style="width: 100%"
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <!-- S0000135 : Advised on -->

    <c-col :span="11">
      <el-form-item 
      label="Advised on" 
      label-width="80px"
      prop="brdgrp.rec.advdat">
        <c-date-picker
          type="date"
          disabled
          v-model="model.brdgrp.rec.advdat"
          style="width: 100%"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <!-- S0000134 : Maturity Date -->

    <c-col :span="24">
        <el-form-item label="Maturity Date" prop="matp.mattxtlab">
        <c-date-picker
          type="date"
          disabled
          v-model="model.matp.mattxtlab"
          style="width: 100%"
        ></c-date-picker>
        </el-form-item>   
    </c-col>
    <!-- S0000141 : Document Type -->

    <c-col :span="24">
      <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
        <c-input 
        v-model="model.brdgrp.rec.docflg" 
        style="width: 100%"
        disabled>
        </c-input>
      </el-form-item>
    </c-col>
    <!-- SF000265 : Document Set Status -->

    <c-col :span="24">
      <c-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
        <c-input 
        v-model="model.brdgrp.rec.docsta" 
        maxlength="1"
        disabled>
        </c-input>
      </c-form-item>
    </c-col>
    </div>
    <!-- Loan -->
    <div v-if="hotreg == 6 || hotreg == 7">
        <!-- S0000176 : Financing of -->

    <c-col :span="24">
      <c-form-item label="Financing of" prop="trdgrp.rec.pctfin">
        <c-input 
        disabled
        v-model="model.trdgrp.rec.pctfin"></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="14">
      <el-form-item label="Finance Amount" prop="trdgrp.cbs.max.cur">
        <c-input
        disabled
          v-model="model.trdgrp.cbs.max.cur"
          style="width: 100%"
          
        >
        </c-input>
      </el-form-item>
    </c-col>
       <c-col :span="10">
      <c-form-item label="" label-width="40px" prop="trdgrp.cbs.max.amt">
        <c-input
        disabled
          v-model="model.trdgrp.cbs.max.amt"
          
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- S0000171 : Open Amount -->

    <c-col :span="14">
      <c-form-item label="Open Amount" prop="trdgrp.cbs.opn1.cur">
        <c-input
          v-model="model.trdgrp.cbs.opn1.cur"
          maxlength="3"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="10">
      <c-form-item label="" label-width="40px" prop="trdgrp.cbs.opn1.amt">
        <c-input
          v-model="model.trdgrp.cbs.opn1.amt"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SG000319 : Start Tenor Date -->

    <c-col :span="14">
      <el-form-item label="Start Tenor Date" prop="trdgrp.rec.stttendat">
        <c-date-picker
            disabled
          type="date"
          v-model="model.trdgrp.rec.stttendat"
          style="width: 100%"
          
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <c-col :span="10">
      <el-form-item label="Due" 
      label-width="40px"
      prop="trdgrp.rec.matdat">
        <c-date-picker
            disabled
          type="date"
          v-model="model.trdgrp.rec.matdat"
          style="width: 100%"
          
        ></c-date-picker>
      </el-form-item>
    </c-col>
    </div>
    <!-- 同业代付 -->
    <div v-if="hotreg == 8 || hotreg == 9">
        <!-- SG000315 : Re-Fin Amount -->

    <c-col :span="15">
      <el-form-item label="Re-Fin Amount" prop="dfdgrp.cbs.max.cur">
        <c-input
          v-model="model.dfdgrp.cbs.max.cur"
          style="width: 100%"
          disabled
        >
        </c-input>
      </el-form-item>
    </c-col>

    <c-col :span="9">
      <c-form-item label="" 
      label-width="10px"
      prop="dfdgrp.cbs.max.amt">
        <c-input
          v-model="model.dfdgrp.cbs.max.amt"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SG000316 : Open Amount -->

    <c-col :span="15">
      <el-form-item label="Open Amount" 
      
      prop="dfdgrp.cbs.opn1.cur">
        <c-input v-model="model.dfdgrp.cbs.opn1.cur" style="width: 100%" disabled>
        </c-input>
      </el-form-item>
    </c-col>

    <c-col :span="9">
      <c-form-item label="" 
      label-width="10px"
      prop="dfdgrp.cbs.opn1.amt">
        <c-input v-model="model.dfdgrp.cbs.opn1.amt" disabled></c-input>
      </c-form-item>
    </c-col>
    <!-- SG000318 : Open Date -->

    <c-col :span="12">
      <el-form-item label="Open Date" prop="dfdgrp.rec.opndat">
        <c-date-picker
          type="date"
          v-model="model.dfdgrp.rec.opndat"
          style="width: 100%"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <!-- SG000326 : Re-Fin Type -->

    <c-col :span="12">
      <c-form-item label="Re-Fin Type" 
      label-width="88px"
      prop="dfdgrp.rec.fintyp">
        <c-input
          v-model="model.dfdgrp.rec.fintyp"
          maxlength="3"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
     <c-col :span="12">
      <el-form-item label="Start Tenor Date" prop="dfdgrp.rec.stttendat">
        <c-date-picker
          type="date"
          v-model="model.dfdgrp.rec.stttendat"
          style="width: 100%"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <c-col :span="12">
      <el-form-item label="due" 
      label-width="88px"
      prop="dfdgrp.rec.matdat">
        <c-date-picker
          type="date"
          v-model="model.dfdgrp.rec.matdat"
          style="width: 100%"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>
    </div>
    </el-col>

    <!-- 右 -->
    <el-col :span="11" :offset="1">
      <c-col :span="24">
        <c-form-item label="Name " prop="lidget.lid.nam">
          <c-input
            v-model="model.lidget.lid.nam"
            maxlength="40"
            disabled
            style="width: 100%"
          ></c-input>
        </c-form-item>
      </c-col>
        <c-col :span="24" v-if="hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9">
            <el-form-item>

            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item></el-form-item>
        </c-col>
      <div v-if="hotreg == 3 || hotreg == 4 ||hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9">
        <c-col :span="24">
      <c-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
        <c-input
        disabled
          v-model="model.brdgrp.rec.nam"
          maxlength="40"
        ></c-input>
      </c-form-item>
    </c-col>
      </div>


    <div v-if="hotreg== 6 || hotreg== 7">
      <c-col :span="24">
      <c-form-item label="Name of Loan Contract" prop="trdgrp.rec.nam">
        <c-input
        disabled
          v-model="model.trdgrp.rec.nam"
          maxlength="40"
          
        ></c-input>
      </c-form-item>
    </c-col>
    </div>
    <div v-if="hotreg == 8 || hotreg== 9">
        <c-col :span="24">
      <c-form-item label="Name of Loan Contract " prop="dfdgrp.rec.nam">
        <c-input
          v-model="model.dfdgrp.rec.nam"
          maxlength="40"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
    </div>
      <!-- L/C -->
      <div v-if="hotreg == 1 || hotreg == 2">
      <!-- S0000160 : Applicant Ref.-->

      <c-col :span="24">
        <c-form-item label="Application Ref." prop="lidgrp.apl.pts.ref">
          <c-input
            disabled
            v-model="model.lidgrp.apl.pts.ref"
            maxlength="16"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="Name of Party" prop="lidgrp.apl.pts.nam">
          <c-input
            disabled
            v-model="model.lidgrp.apl.pts.nam"
            maxlength="40"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- S0000151 : Beneficiary Ref. -->

      <c-col :span="24">
        <c-form-item label="Beneficiary Ref." prop="lidgrp.ben.pts.ref">
          <c-input
            disabled
            v-model="model.lidgrp.ben.pts.ref"
            maxlength="16"
            :placeholder="$t('other.please_enter') + $t('litsel.S0000151')"
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="Name of Party" prop="lidgrp.ben.pts.nam">
          <c-input
            disabled
            v-model="model.lidgrp.ben.pts.nam"
            maxlength="40"
            :placeholder="$t('other.please_enter') + 'Name of Party'"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- S0000156 : Advising Bank Ref.-->

      <c-col :span="24">
        <c-form-item label="Advising Bank" prop="lidgrp.adv.pts.ref">
          <c-input
            disabled
            v-model="model.lidgrp.adv.pts.ref"
            maxlength="16"
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="Name of Party" prop="lidgrp.adv.pts.nam">
          <c-input
            disabled
            v-model="model.lidgrp.adv.pts.nam"
            maxlength="40"
          ></c-input>
        </c-form-item>
      </c-col>
      </div>
    <!-- Docs -->
    <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 5">
     <!-- S0000127 : Applicant Ref.-->

    <c-col :span="24">
      <c-form-item label="Applicant Ref." prop="brdgrp.apl.pts.ref">
        <c-input 
        disabled
        v-model="model.brdgrp.apl.pts.ref" maxlength="16"></c-input>
      </c-form-item>
    </c-col>   
     <c-col :span="24">
      <c-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
        <c-input
        disabled
          v-model="model.brdgrp.apl.pts.nam"
          maxlength="40"
        ></c-input>
      </c-form-item>
    </c-col>
 <!-- S0000126 : Beneficiary Ref.-->
    
    <c-col :span="24">
      <c-form-item label="Beneficiary Ref." prop="brdgrp.ben.pts.ref">
        <c-input 
        disabled
        v-model="model.brdgrp.ben.pts.ref" maxlength="16"></c-input>
      </c-form-item>
    </c-col>
 <c-col :span="24">
      <c-form-item label="Name of Party" prop="brdgrp.ben.pts.nam">
        <c-input
        disabled
          v-model="model.brdgrp.ben.pts.nam"
          maxlength="40"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000134')"
        ></c-input>
      </c-form-item>
    </c-col>
 <!-- S0000138 : Presenting Bank Ref.-->

    <c-col :span="24">
      <c-form-item label="Presenting Bank Ref." prop="brdgrp.prb.pts.ref">
        <c-input 
        disabled
        v-model="model.brdgrp.prb.pts.ref" maxlength="16"></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="24">
      <c-form-item
        label="Name of Party"
        prop="brdgrp.prb.pts.nam"
      >
        <c-input
        disabled
          v-model="model.brdgrp.prb.pts.nam"
          maxlength="40"
        ></c-input>
      </c-form-item>
    </c-col>

    </div>
    <!-- Loan -->
    <div v-if="hotreg == 6 || hotreg == 7">
         <!-- S0000175 : Financed Party Ref. -->
    <c-col :span="24">
      <c-form-item label="Financed Party Ref." prop="trdgrp.fip.pts.ref">
        <c-input 
        disabled
        v-model="model.trdgrp.fip.pts.ref" maxlength="16"></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="24">
      <c-form-item label="Name of Party" prop="trdgrp.fip.pts.nam">
        <c-input 
        disabled
        v-model="model.trdgrp.fip.pts.nam" maxlength="40"></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="24">
      <c-form-item label="Finance Type" prop="trdgrp.rec.fintyp">
        <c-input 
        disabled
        v-model="model.trdgrp.rec.fintyp" ></c-input>
      </c-form-item>
    </c-col>
    <!-- SG000304 : Finance Account -->

    <c-col :span="24">
      <c-form-item label="Finance Account" prop="trdgrp.rec.finact">
        <c-input
          v-model="model.trdgrp.rec.finact"
          maxlength="21"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
    </div>
    <!-- 同业代付 -->
    <div v-if="hotreg == 8 || hotreg == 9">
    <!-- SG000321 : Re-Fin Party Ref. -->
    <c-col :span="24">
      <c-form-item label="Re-Fin Party Ref." prop="dfdgrp.apl.pts.ref">
        <c-input
          v-model="model.dfdgrp.apl.pts.ref"
          maxlength="16"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
     <!-- 同行  RFP R. NAME -->
    <c-col :span="24">
      <c-form-item label="Name of Party" prop="dfdgrp.apl.pts.nam">
        <c-input
          v-model="model.dfdgrp.apl.pts.nam"
          maxlength="40"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SG000324 : Re-Fin Bank Ref-->
    <c-col :span="24">
      <c-form-item label="Re-Fin Bank Ref." prop="dfdgrp.dff.pts.ref">
        <c-input
          v-model="model.dfdgrp.dff.pts.ref"
          maxlength="16"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>
   
    <!-- Re-Fin Bank Ref name -->
    <c-col :span="24">
      <c-form-item label="Name of Party" prop="dfdgrp.dff.pts.nam">
        <c-input v-model="model.dfdgrp.dff.pts.nam" maxlength="40" disabled></c-input>
      </c-form-item>
    </c-col>
    </div>
    </el-col>

    <!--     底部      -->
    <el-col :span="24">
      <el-form-item>
        <el-divider />
      </el-form-item>
    </el-col>
    <el-col :span="10" :offset="12">
      <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>
    </el-col>

   
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litsel/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: "L/C",
          key: 1,
        },
        {
          label: "Others",
          key: 2,
        },
        {
          label: "Docs",
          key: 3,
        },
        {
          label: "Oth.Docs",
          key: 4,
        },
        {
          label: "SG",
          key: 5,
        },
        {
          label: "Loan",
          key: 6,
        },
        {
          label: "Oth.Loan",
          key: 7,
        },
        {
          label: "同业代付",
          key: 9,
        },
        {
          label: "其他",
          key: 10,
        },
      ],
    };
  },
  methods: {
    ...Event,
    onSeainf() {},
    //各入口按钮请求
    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></style>
 <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="lidget.sdamod.dadsnd">
            <c-input  v-model="model.lidget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- S0000249 : L/C Reference -->

    <!-- <c-form-item label="" prop="lidget.sdamod.seainf">
           
        </c-form-item> -->

    <!-- <c-col :span="12">
	    
       </c-col> -->
    <!-- S0000250 : Name -->

    <!-- SF000296 : Contr. to be Financed -->
    <!-- SG000307 : Contr. to be Financed -->

    
    <!-- S0000149 : L/C Amount -->
    <!-- S0000257 : Document Reference -->

    <!-- S0000258 : Name -->

    <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="brdget.sdamod.dadsnd">
            <c-input  v-model="model.brdget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col> -->
    

    <!-- <c-col :span="12">
        <c-form-item label="" prop="brdget.sdamod.seainf"> -->
    <!-- <c-input  v-model="model.brdget.sdamod.seainf"  
            ></c-input> -->

    <!-- </c-form-item>
       </c-col> -->

    <!-- <c-col :span="12">
	    
       </c-col> -->
    <!-- S0000294 : Name -->
   

    
    <!-- S0000150 : Open Amount -->

    <!-- <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="bpdget.sdamod.dadsnd">
        <c-input
          v-model="model.bpdget.sdamod.dadsnd"
          :placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col> -->
   

    
    
    <!-- S0000279 : Advance Reference -->

    <!-- <c-col :span="12">
      <c-form-item :label="$t('litsel.S0000279')" prop="bpdgrp.rec.ownref">
        <c-input
          v-model="model.bpdgrp.rec.ownref"
          maxlength="16"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000279')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="" prop="bpdget.sdamod.seainf">
        <c-input
          v-model="model.bpdget.sdamod.seainf"
          :placeholder="$t('other.please_enter') + ''"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bpdget.clsflg">{{
        $t("litsel.CF000278")
      }}</c-checkbox>
    </c-col> -->

   
    <!-- S0000280 : Name -->

    <!-- <c-col :span="12">
      <c-form-item
        label="Externally Displayed Name to Identify the Contract"
        prop="bpdgrp.rec.nam"
      >
        <c-input
          v-model="model.bpdgrp.rec.nam"
          maxlength="40"
          :placeholder="
            $t('other.please_enter') +
            'Externally Displayed Name to Identify the Contract'
          "
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="trdget.sdamod.dadsnd">
        <c-input
          v-model="model.trdget.sdamod.dadsnd"
          :placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col>
     -->

    

    <!-- <c-col :span="12">
        <c-form-item label="" prop="trdget.sdamod.seainf">
            <c-input  v-model="model.trdget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col> -->

    <!-- <c-col :span="12">
      <c-form-item label="" prop="dfdget.sdamod.seainf">
        <c-input
          v-model="model.dfdget.sdamod.seainf"
          :placeholder="$t('other.please_enter') + ''"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.trdget.clsflg">{{
        $t("litsel.CF000264")
      }}</c-checkbox>
    </c-col>

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

     -->

    
    

    

   
    <!-- S0000281 : Advance Amount -->

    <!-- <c-col :span="12">
      <c-form-item :label="$t('litsel.S0000281')" prop="bpdgrp.cbs.max.cur">
        <c-input
          v-model="model.bpdgrp.cbs.max.cur"
          maxlength="3"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000281')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Balance" prop="bpdgrp.cbs.max.amt">
        <c-input
          v-model="model.bpdgrp.cbs.max.amt"
          :placeholder="$t('other.please_enter') + 'Balance'"
        ></c-input>
      </c-form-item>
    </c-col> -->
    <!-- S0000286 : Advanced Party -->
    <!-- S0000285 : Ref. -->

    <!-- <c-col :span="12">
      <c-form-item :label="$t('litsel.S0000286')" prop="bpdgrp.fia.pts.ownref">
        <c-input
          v-model="model.bpdgrp.fia.pts.ownref"
          maxlength="20"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000286')"
        ></c-input>
      </c-form-item>
    </c-col>

    
     -->
    
    
   
   
    
    <!-- S0000282 : Open Amount -->

    <!-- <c-col :span="12">
      <c-form-item :label="$t('litsel.S0000282')" prop="bpdgrp.cbs.opn1.cur">
        <c-input
          v-model="model.bpdgrp.cbs.opn1.cur"
          maxlength="3"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000282')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Balance" prop="bpdgrp.cbs.opn1.amt">
        <c-input
          v-model="model.bpdgrp.cbs.opn1.amt"
          :placeholder="$t('other.please_enter') + 'Balance'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Name of Party" prop="bpdgrp.fia.pts.nam">
        <c-input
          v-model="model.bpdgrp.fia.pts.nam"
          maxlength="40"
          :placeholder="$t('other.please_enter') + 'Name of Party'"
        ></c-input>
      </c-form-item>
    </c-col> -->
   
    <!-- S0000178 : Finance Amount -->
    <!-- S0000157 : Date Issued -->

    

 
    <!-- S0000159 : Latest Shipment Date -->

    

    

   
    

    <!-- <c-col :span="12">
      <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
        <c-date-picker
          type="date"
          v-model="model.brdgrp.rec.matdat"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + 'Maturity Date'"
        ></c-date-picker>
      </el-form-item>
    </c-col> -->
    <!-- S0000283 : Open Date -->

    <!-- <c-col :span="12">
      <el-form-item :label="$t('litsel.S0000283')" prop="bpdgrp.rec.opndat">
        <c-date-picker
          type="date"
          v-model="model.bpdgrp.rec.opndat"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000283')"
        ></c-date-picker>
      </el-form-item>
    </c-col> -->
    <!-- S0000284 : Due Date -->

    <!-- <c-col :span="12">
      <el-form-item label="Maturity Date" prop="bpdgrp.rec.matdat">
        <c-date-picker
          type="date"
          v-model="model.bpdgrp.rec.matdat"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + 'Maturity Date'"
        ></c-date-picker>
      </el-form-item>
    </c-col> -->
    <!-- S0000287 : Type of Advance -->

    <!-- <c-col :span="12">
      <el-form-item :label="$t('litsel.S0000287')" prop="bpdgrp.rec.fintyp">
        <c-select
          v-model="model.bpdgrp.rec.fintyp"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('litsel.S0000287')"
        >
        </c-select>
      </el-form-item>
    </c-col> -->
    

    

    
    
    

   
    <!-- SG000320 : due -->
    <!-- S0000174 : Due -->

    

    
    

    <!-- <c-col :span="12">
      <c-form-item label="Bitmap for folder" prop="cfgfil.bitmap">
        <c-input
          v-model="model.cfgfil.bitmap"
          :placeholder="$t('other.please_enter') + 'Bitmap for folder'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside1">
        <c-input
          v-model="model.cfgfil.regside1"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg1" prop="cfgfil.hotreg1">
        <c-input
          v-model="model.cfgfil.hotreg1"
          :placeholder="$t('other.please_enter') + 'hotspot reg1'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside5">
        <c-input
          v-model="model.cfgfil.regside5"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg5" prop="cfgfil.hotreg5">
        <c-input
          v-model="model.cfgfil.hotreg5"
          :placeholder="$t('other.please_enter') + 'hotspot reg5'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside9">
        <c-input
          v-model="model.cfgfil.regside9"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg9" prop="cfgfil.hotreg9">
        <c-input
          v-model="model.cfgfil.hotreg9"
          :placeholder="$t('other.please_enter') + 'hotspot reg9'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub1">
        <c-input
          v-model="model.cfgfil.hotsub1"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub2">
        <c-input
          v-model="model.cfgfil.hotsub2"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub3">
        <c-input
          v-model="model.cfgfil.hotsub3"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside2">
        <c-input
          v-model="model.cfgfil.regside2"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg2" prop="cfgfil.hotreg2">
        <c-input
          v-model="model.cfgfil.hotreg2"
          :placeholder="$t('other.please_enter') + 'hotspot reg2'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside6">
        <c-input
          v-model="model.cfgfil.regside6"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg6" prop="cfgfil.hotreg6">
        <c-input
          v-model="model.cfgfil.hotreg6"
          :placeholder="$t('other.please_enter') + 'hotspot reg6'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside10">
        <c-input
          v-model="model.cfgfil.regside10"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg10" prop="cfgfil.hotreg10">
        <c-input
          v-model="model.cfgfil.hotreg10"
          :placeholder="$t('other.please_enter') + 'hotspot reg10'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub4">
        <c-input
          v-model="model.cfgfil.hotsub4"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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.selbut.sptpenlab_descr"
        data-path=".selbut.sptpenlab_descr"
      >
      </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">
      <span v-text="model.selbut.sptpenlab" data-path=".selbut.sptpenlab">
      </span>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub5">
        <c-input
          v-model="model.cfgfil.hotsub5"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <span v-text="model.selbut.dsprevnbr" data-path=".selbut.dsprevnbr">
      </span>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub6">
        <c-input
          v-model="model.cfgfil.hotsub6"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.sptpentrbp_descr" data-path=".sptpentrbp_descr">
      </span>
    </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">
      <c-form-item label="Regside" prop="cfgfil.regside3">
        <c-input
          v-model="model.cfgfil.regside3"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg3" prop="cfgfil.hotreg3">
        <c-input
          v-model="model.cfgfil.hotreg3"
          :placeholder="$t('other.please_enter') + 'hotspot reg3'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside7">
        <c-input
          v-model="model.cfgfil.regside7"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg7" prop="cfgfil.hotreg7">
        <c-input
          v-model="model.cfgfil.hotreg7"
          :placeholder="$t('other.please_enter') + 'hotspot reg7'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside11">
        <c-input
          v-model="model.cfgfil.regside11"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg11" prop="cfgfil.hotreg11">
        <c-input
          v-model="model.cfgfil.hotreg11"
          :placeholder="$t('other.please_enter') + 'hotspot reg11'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.sptpentrbp" data-path=".sptpentrbp"> </span>
    </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.selbut.dspadvnbr" data-path=".selbut.dspadvnbr">
      </span>
    </c-col>

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

    <c-col :span="12">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub7">
        <c-input
          v-model="model.cfgfil.hotsub7"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <span v-text="model.selbut.dsputlnbr" data-path=".selbut.dsputlnbr">
      </span>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub8">
        <c-input
          v-model="model.cfgfil.hotsub8"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub9">
        <c-input
          v-model="model.cfgfil.hotsub9"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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">
      <c-form-item label="hotspot reg4" prop="cfgfil.hotreg4">
        <c-input
          v-model="model.cfgfil.hotreg4"
          :placeholder="$t('other.please_enter') + 'hotspot reg4'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside4">
        <c-input
          v-model="model.cfgfil.regside4"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside8">
        <c-input
          v-model="model.cfgfil.regside8"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg8" prop="cfgfil.hotreg8">
        <c-input
          v-model="model.cfgfil.hotreg8"
          :placeholder="$t('other.please_enter') + 'hotspot reg8'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Regside" prop="cfgfil.regside12">
        <c-input
          v-model="model.cfgfil.regside12"
          :placeholder="$t('other.please_enter') + 'Regside'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="hotspot reg12" prop="cfgfil.hotreg12">
        <c-input
          v-model="model.cfgfil.hotreg12"
          :placeholder="$t('other.please_enter') + 'hotspot reg12'"
        ></c-input>
      </c-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.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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub10">
        <c-input
          v-model="model.cfgfil.hotsub10"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-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.dspclsdat" data-path=".selbut.dspclsdat">
      </span>
    </c-col>

    <c-col :span="12">
      <span v-text="model.selbut.trnpenlab" data-path=".selbut.trnpenlab">
      </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">
      <c-form-item label="hotspot submenu 1" prop="cfgfil.hotsub11">
        <c-input
          v-model="model.cfgfil.hotsub11"
          :placeholder="$t('other.please_enter') + 'hotspot submenu 1'"
        ></c-input>
      </c-form-item>
    </c-col>

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

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

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

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