<template>
  <div class="eibs">

      <!-- ======================== 第一行 ======================= -->
      <c-col :span="24">

        <!-- ========================左侧======================= -->
        <c-col :span="12" style="padding-right: 20px;">

          <!-- Issuer，开证行 -->
          <c-col :span="24">
              <c-col :span="24">
                <el-form-item
                        label="Issuer Ref."
                        prop="ledgrp.iss.pts.ref"
                        style="width: 100%"
                >
                  <c-input
                          v-model="model.ledgrp.iss.pts.ref"
                          maxlength="16"
                          placeholder=""
                  >
                  </c-input>
                </el-form-item>
              </c-col>
              <c-col :span="24">
                <c-ptap
                        :model="model"
                        :argadr="{title: 'Issuer', grp: 'ledgrp',rol: 'iss',}"
                        :haveAdrLabel="true"
                        :isAdrblk="true"
                        :required-extkey="true"
                        :isShowCard="false"
                        @handleChange="issChanged"
                        @clear="issChanged"
                        bchinr="00000036"
                        disabled
                        :disabled-extkey="(typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X')"
												:isLabel120="false"
                        ptytyp="B">
                </c-ptap>
              </c-col>
          </c-col>

        </c-col>


        <!-- ========================右边======================= -->

        <c-col :span="12" style="padding-left: 20px;">


          <!-- Applicant's Bank -->
          <c-col :span="24">


            <c-col :span="24">
              <c-ptap
                      :model="model"
                      :argadr="{title: 'Applicant\'s Bank', grp: 'ledgrp',rol: 'apb',}"
                      :haveAdrLabel="true"
                      :isAdrblk="true"
                      :isShowCard="false"
                      disabled
                      disabled-extkey
                      disabled-ref
                      bchinr="00000036"
											:isLabel120="false"
                      ptytyp="B">
              </c-ptap>
            </c-col>

            <c-col :span="24">

              <el-form-item  prop="ledgrp.rec.aplbnkdirsnd" class="checkbox-left">
                <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" true-label="X" false-label="">
                  Send Directly to Applicant's Bank
                </c-checkbox>
              </el-form-item>
            </c-col>



          </c-col>


        </c-col>


      </c-col>

      <!-- ======================== 第二行 ======================= -->
      <c-col :span="24">

        <!-- ========================左侧======================= -->
        <c-col :span="12" style="padding-right: 20px;">

          <!-- 1st Advising Bank，第一通知行 -->
          <c-col :span="24">
            <c-ptap
                    :model="model"
                    :argadr="{title: '1st Advising Bank', grp: 'ledgrp',rol: 'adv',}"
                    :haveAdrLabel="true"
                    :isAdrblk="true"
                    bchinr="00000036"
                    @handleChange="bankChanged"
                    @clear="bankChanged"
										:isLabel120="false"
                    ptytyp="B">
            </c-ptap>
          </c-col>

        </c-col>

        <!-- ========================右边======================= -->
        <c-col :span="12" style="padding-left: 20px;">

          <!-- 2nd Advising Bank，第二通知行 -->
          <c-col :span="24">
            <c-ptap
                    :model="model"
                    :argadr="{title: '2nd Advising Bank', grp: 'ledgrp',rol: 'a2b',}"
                    :haveAdrLabel="true"
                    :isAdrblk="true"
                    bchinr="00000036"
                    @handleChange="a2bBankChange"
                    @clear="a2bBankChange"
										:isLabel120="false"
                    ptytyp="B">
            </c-ptap>

          </c-col>


          <!-- Confirm. Instruct. 2o 2nd Adv.Bank -->
          <c-col :span="24">
            <el-form-item label="Confirm. Instruct. 2o 2nd Adv.Bank" prop="ledgrp.rec.cnfins">
              <c-select
                      v-model="model.ledgrp.rec.cnfins"
                      style="width: 100%"
                      placeholder=""
                      dbCode="CNFFLG"
                      :disabled="model.ledgrp.a2b.pts.extkey==''"
              >
              </c-select>
            </el-form-item>
          </c-col>


        </c-col>


      </c-col>






      <c-col :span="24">
      <!-- =================================左边================================= -->
      <c-col :span="12" style="padding-right: 20px;">

        <!-- Reimbursement Bank，偿付行 -->
        <c-col :span="24">
          <c-ptap
                  :model="model"
                  :argadr="{title: 'Reimbursement Bank', grp: 'ledgrp',rol: 'rmb',}"
                  :haveAdrLabel="true"
                  :isAdrblk="true"
                  @handleChange="rmbbankChanged"
                  @clear="rmbbankChanged"
                  bchinr="00000036"
									:isLabel120="false"
                  ptytyp="B">
          </c-ptap>
        </c-col>

      </c-col>
      <!-- ========================右边======================= -->
      <c-col :span="12" style="padding-left: 20px;">


        <!-- Confirmation  Bank，承兑行 -->
        <c-col :span="24">
          <c-ptap
                  :model="model"
                  :argadr="{title: 'Confirmation  Bank', grp: 'ledgrp',rol: 'con',}"
                  :haveAdrLabel="true"
                  :isAdrblk="true"
                  bchinr="00000036"
                  @handleChange="bankChanged"
                  @clear="bankChanged"
                  disabled
									:isLabel120="false"
                  ptytyp="B">
          </c-ptap>
        </c-col>

      </c-col>
      </c-col>


      <c-col :span="24">
        <!-- =================================左边================================= -->
        <c-col :span="12" style="padding-right: 20px;">
          <!-- Transferring Bank，转让行， 新增trb角色-->
          <c-col :span="24">
            <c-ptap
                    :model="model"
                    :argadr="{title: 'Transferring Bank', grp: 'ledgrp',rol: 'trb',}"
                    :haveAdrLabel="true"
                    :isAdrblk="true"
                    @handleChange="bankChanged"
                    @clear="bankChanged"
                    bchinr="00000036"
										:isLabel120="false"
                    ptytyp="B">
            </c-ptap>
          </c-col>
        </c-col>

      </c-col>

  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default"

export default {
  inject: ['root'],
  // components: { 'c-ptap': Ptap },
  props: ['model', 'codes'],
  mixins: [event,Default],
  data() {
    return {
    }
  },

  methods:{
    issChanged(){
      this.defaultBedgrpIssN1000();
      this.changeStacty();
      this.bankChanged();
    },
  },
}
</script>
<style></style>