<template>
  <div class="eibs-tab">
    <el-col :span="11">
      <c-col :span="12">
        <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
          <c-input
            disabled
            v-model="model.brdgrp.cbs.max.cur"
            maxlength="3"
            placeholder="请输入Document Amount"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt">
          <c-input
            v-model="model.brdgrp.cbs.max.amt"
            placeholder="请输入Balance"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Drawn Add.Amount" prop="brdgrp.cbs.opn2.cur">
          <c-select
            disabled
            v-model="model.brdgrp.cbs.opn2.cur"
            style="width: 100%"
            placeholder="请选择附加金额"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max2.amt">
          <c-input
            v-model="model.brdgrp.cbs.max2.amt"
            placeholder="请输入附加金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Charges Deducted" prop="brdgrp.blk.chaded">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.blk.chaded"
            maxlength="135"
            show-word-limit
            placeholder="请输入Charges Deducted"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Charges Added" prop="brdgrp.blk.chaadd">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.blk.chaadd"
            maxlength="135"
            show-word-limit
            placeholder="请输入Charges Added"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Total Amount Claimed" prop="brdgrp.rec.totcur">
          <c-input
            disabled
            v-model="model.brdgrp.rec.totcur"
            maxlength="3"
            placeholder="请输入Total Amount Claimed"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.rec.totamt">
          <c-input
            v-model="model.brdgrp.rec.totamt"
            placeholder="请输入Total Amount to be Paid"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
      <el-form-item label="Reimbursing Bank" prop="brdgrp.rmb.pts.extkey">
        <c-fullbox>
          <c-input
            @keyup.enter.native="showGridPromptDialog('brdgrp.rmb.pts.extkey')"
            v-model="model.brdgrp.rmb.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
          ></c-input>

          <template slot="footer">
            <c-button size="small" type="primary" @click="onBebpDet">
              Details
            </c-button>
          </template>
        </c-fullbox>
      </el-form-item>
    </c-col>
    <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.rmb.pts.adrblk">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.rmb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="Account with Bank" prop="brdgrp.acb.pts.extkey">
          <c-fullbox>
            <c-input
              @keyup.enter.native="
                showGridPromptDialog('brdgrp.acb.pts.extkey')
              "
              v-model="model.brdgrp.acb.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>

            <template slot="footer">
              <c-button size="small" type="primary" @click="onBebpDet">
                Details
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.acb.pts.adrblk">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.acb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
      <el-form-item label="Date to be Paid" prop="brdgrp.rec.totdat">
        <c-date-picker
          type="date"
          v-model="model.brdgrp.rec.totdat"
          style="width: 100%"
          placeholder="请选择Date to be Paid"
        ></c-date-picker>
      </el-form-item>
    </c-col>
    </el-col>

    <!-- right -->
    <el-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item
          label="Narrative TAG 77A of MT754"
          prop="brdgrp.blk.nartxt77a"
        >
          <c-input
            :rows="23"
            type="textarea"
            v-model="model.brdgrp.blk.nartxt77a"
            maxlength="3500"
            show-word-limit
            placeholder="请输入Narrative TAG 77A of MT754"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Beneficiary's Bank" prop="brdgrp.beb.pts.extkey">
          <c-fullbox>
            <c-input
              @keyup.enter.native="
                showGridPromptDialog('brdgrp.beb.pts.extkey')
              "
              v-model="model.brdgrp.beb.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>

            <template slot="footer">
              <c-button size="small" type="primary" @click="onBebpDet">
                Details
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
       <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.beb.pts.adrblk">
          <c-input
           :rows="4"
            type="textarea"
            v-model="model.brdgrp.beb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>

    <!-- <c-col :span="12">
        <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
            <c-input  
            disabled
            v-model="model.brdgrp.cbs.max.cur" maxlength="3"  placeholder="请输入Document Amount"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="amt" prop="brdgrp.cbs.max.amt">
            <c-input  v-model="model.brdgrp.cbs.max.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col> -->

    

    <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRmbpDet">
            Details
        </c-button>
       </c-col> -->

    <!-- <c-col>
      <c-col :span="12">
        <el-form-item label="名称" prop="brdgrp.rmb.namelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.rmb.namelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col> -->

      
<!-- 
      <c-col :span="12">
        <el-form-item label="Chinese address" prop="brdgrp.rmb.dbfadrblkcn">
          <c-input
            type="textarea"
            v-model="model.brdgrp.rmb.dbfadrblkcn"
            maxlength="35"
            show-word-limit
            placeholder="请输入Chinese address"
          ></c-input>
        </el-form-item>
      </c-col> -->

      <!-- <c-col :span="12">
        <el-form-item label="地址" prop="brdgrp.rmb.adrelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.rmb.adrelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col> -->

    

      <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAcbpDet">
            Details
        </c-button>
       </c-col> -->

      
    

    <!-- <c-col>
      <c-col :span="12">
        <el-form-item label="名称" prop="brdgrp.acb.namelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.acb.namelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col> -->

      <!-- <c-col :span="12">
        <el-form-item label="名称" prop="brdgrp.beb.namelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.beb.namelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col> -->

      

      <!-- <c-col :span="12">
        <el-form-item label="Chinese address" prop="brdgrp.acb.dbfadrblkcn">
          <c-input
            type="textarea"
            v-model="model.brdgrp.acb.dbfadrblkcn"
            maxlength="35"
            show-word-limit
            placeholder="请输入Chinese address"
          ></c-input>
        </el-form-item>
      </c-col> -->

     

      <!-- <c-col :span="12">
        <el-form-item label="Chinese address" prop="brdgrp.beb.dbfadrblkcn">
          <c-input
            type="textarea"
            v-model="model.brdgrp.beb.dbfadrblkcn"
            maxlength="35"
            show-word-limit
            placeholder="请输入Chinese address"
          ></c-input>
        </el-form-item>
      </c-col> -->

      <!-- <c-col :span="12">
        <el-form-item label="地址" prop="brdgrp.acb.adrelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.acb.adrelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col> -->

      <!-- <c-col :span="12">
        <el-form-item label="地址" prop="brdgrp.beb.adrelc">
          <c-input
            type="textarea"
            v-model="model.brdgrp.beb.adrelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col> -->
   
    
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litdav/Event";

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