<template>
  <div class="eibs-tab">
      <!-- ====================左边======================= -->
      <c-col :span="11">                                          
       <c-col :span="10">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select  
            disabled
            v-model="model.bddgrp.cbs.max.cur" style="width:100%"  placeholder="请选择Document Amount" :code="codes.cur"></c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="14">
        <el-form-item label=""  label-width="10px" prop="bddgrp.cbs.max.amt">
            <c-input  v-model="model.bddgrp.cbs.max.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>

    <c-col>                        
       <c-col :span="10">
        <el-form-item label="附加金额" prop="bddgrp.cbs.opn2.cur">
            <c-select 
            disabled
            v-model="model.bddgrp.cbs.opn2.cur" style="width:100%" placeholder="请选择附加金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="14">
        <el-form-item label="" label-width="10px" prop="bddgrp.cbs.max2.amt">
            <c-input  v-model="model.bddgrp.cbs.max2.amt"  placeholder="请输入附加金额"></c-input>
        </el-form-item>
       </c-col>
    </c-col>
                               
       <c-col :span="24">
        <el-form-item label="Charges Deducted" prop="bddgrp.blk.chaded">
            <c-input type="textarea" v-model="model.bddgrp.blk.chaded" :rows="4" maxlength="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
        </el-form-item>
        </c-col>
                              
       <c-col :span="24">
        <el-form-item label="Charges Added" prop="bddgrp.blk.chaadd">
            <c-input type="textarea" v-model="model.bddgrp.blk.chaadd" :rows="4" maxlength="35" show-word-limit placeholder="请输入Charges Added" ></c-input>
        </el-form-item>
        </c-col>
                               
       <c-col :span="10">
        <el-form-item label="Total Amount Claimed" prop="bddgrp.rec.totcur">
            <c-select  
            disabled
            v-model="model.bddgrp.rec.totcur" style="width:100%"  placeholder="请选择Total Amount Claimed" :code="codes.cur"></c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="14">
        <el-form-item label="" label-width="10px" prop="bddgrp.rec.totamt">
            <c-input  v-model="model.bddgrp.rec.totamt"  placeholder="请输入Total Amount to be Paid"></c-input>
        </el-form-item>
       </c-col>

                                   
       <!-- <c-col :span="12">
        <el-form-item label="Reimbursing Bank" prop="bddgrp.rmb.pts.extkey">
           <c-fullbox>
            <c-input  v-model="model.bddgrp.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>              
       <c-col :span="12">
        <el-form-item label="名称" prop="bddgrp.rmb.namelc">
            <c-input type="textarea" v-model="model.bddgrp.rmb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="bddgrp.rmb.pts.adrblk">
            <c-input type="textarea" v-model="model.bddgrp.rmb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bddgrp.rmb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bddgrp.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="bddgrp.rmb.adrelc">
            <c-input type="textarea" v-model="model.bddgrp.rmb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
    </c-col>

    <c-col>                                                
       <c-col :span="12">
        <el-form-item label="Account with Bank" prop="bddgrp.acb.pts.extkey">
            <c-fullbox>
            <c-input  v-model="model.bddgrp.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="12">
        <el-form-item label="Beneficiary's Bank" prop="bddgrp.beb.pts.extkey">
            <c-fullbox>
            <c-input  v-model="model.bddgrp.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>

    <c-col>              
       <c-col :span="12">
        <el-form-item label="名称" prop="bddgrp.acb.namelc">
            <c-input type="textarea" v-model="model.bddgrp.acb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="bddgrp.beb.namelc">
            <c-input type="textarea" v-model="model.bddgrp.beb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="bddgrp.acb.pts.adrblk">
            <c-input type="textarea" v-model="model.bddgrp.acb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bddgrp.acb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bddgrp.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="Address Block" prop="bddgrp.beb.pts.adrblk">
            <c-input type="textarea" v-model="model.bddgrp.beb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bddgrp.beb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bddgrp.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="bddgrp.acb.adrelc">
            <c-input type="textarea" v-model="model.bddgrp.acb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="bddgrp.beb.adrelc">
            <c-input type="textarea" v-model="model.bddgrp.beb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
    </c-col>                               -->

    <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title: 'Reimbursing Bank',
              grp: 'bddgrp',
              rol: 'rmb',
            }"
            :noRef="true"
            :isAdrblk="false"
          >
          </c-ptap>
        </c-col>

         <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title: 'Account with Bank',
              grp: 'bddgrp',
              rol: 'acb',
            }"
            :noRef="true"
            :isAdrblk="false"
          >
          </c-ptap>
        </c-col>

       <c-col :span="24">
        <el-form-item label="Date to be Paid" prop="bddgrp.rec.totdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.totdat" style="width:100%"  placeholder="请选择Date to be Paid"></c-date-picker>
        </el-form-item>
       </c-col>
       </c-col>

       <!-- ========================右边======================= -->
      <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Narrative TAG 77A of MT754" prop="bddgrp.blk.nartxt77a">
            <c-input type="textarea" v-model="model.bddgrp.blk.nartxt77a" :rows="15" maxlength="35" show-word-limit placeholder="请输入Narrative TAG 77A of MT754" ></c-input>
        </el-form-item>
        </c-col>

         <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title:  `Beneficiary's Bank `,
              grp: 'bddgrp',
              rol: 'beb',
            }"
            :noRef="true"
            :isAdrblk="false"
          >
          </c-ptap>
        </c-col>
        </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"
import Ptap from "~/views/Public/Ptap";

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

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
