<template>
  <div class="eibs-tab">
    <!-- ====================================  左边 ================================= -->
    <c-col :span="11">
              <!--加Mt750p页面的 单据金额 -->
          <!-- 单据金额 -->
      <c-col :span="12">
        <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
          <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额" disabled>
          </c-select>
        </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="请输入单据金额" disabled></c-input>
        </el-form-item>
      </c-col>

        <!-- 加Mt750p页面的Drawn.Add.Amount -->
        <!-- 附加金额 -->
        <c-col :span="12">
          <el-form-item label="Drawn Add.Amount" prop="brdgrp.cbs.opn2.cur">
            <c-select v-model="model.brdgrp.cbs.opn2.cur" style="width:100%" placeholder="请选择附加金额" disabled>
            </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="请输入附加金额" disabled></c-input>
          </el-form-item>
        </c-col>

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

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

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

      <!-- 加Mt750p页面的Total Amount to be Paid -->
      <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" disabled></c-input>
        </el-form-item>
      </c-col>

       <c-col :span="24">
        <c-ptap1 :model="model" :argadr="{
          title: 'Reimbursing Bank',
          grp: 'brdgrp',
          rol: 'rmb',
        }" :disabled="true" disabled1
          @onSeainf="onSeainf"
          @onAplpDet="onRmbpDet">
        </c-ptap1>
      </c-col>
        <!-- 加Mt750p页面的Amount with Bank -->
      <c-col :span="24">
        <c-ptap1 :model="model" :argadr="{
          title: 'Amount with Bank',
          grp: 'brdgrp',
          rol: 'acb',
        }" :disabled="true" disabled1
          @onSeainf="onSeainf"
          @onAplpDet="onAcbpDet">
        </c-ptap1>
      </c-col>
<!-- 加Docpre.vue页面中的date to paied -->
      <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="请选择付款日期"
            disabled value-format="yyyy-MM-dd">
          </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="brdgrp.blk.nartxt77a">
          <c-input type="textarea" v-model="model.brdgrp.blk.nartxt77a" maxlength="700" show-word-limit
            placeholder="请输入Narrative TAG 77A of MT754" disabled :rows="16"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptap1 :model="model" :argadr="{
          title: `Beneficiary's Bank`,
          grp: 'brdgrp',
          rol: 'beb',
        }" :disabled="true" disabled1
          @onSeainf="onSeainf"
          @onAplpDet="onBebpDet">
        </c-ptap1>
      </c-col>
    
    </c-col>

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

    <c-col :span="12">
      <el-form-item label="External Key of Address" prop="brdgrp.rmb.pts.extkey">
        <c-input v-model="model.brdgrp.rmb.pts.extkey" maxlength="16" placeholder="请输入External Key of Address">
        </c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="brtp.rmbp.ptsget.sdamod.seainf">
        <c-input v-model="model.brtp.rmbp.ptsget.sdamod.seainf" placeholder="请输入"></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 :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="Address Block" prop="brdgrp.rmb.pts.adrblk">
        <c-input type="textarea" v-model="model.brdgrp.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="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 :span="12">
      <el-form-item label="Drag  Drop Sender" prop="brtp.bebp.ptsget.sdamod.dadsnd">
        <c-input v-model="model.brtp.bebp.ptsget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="External Key of Address" prop="brdgrp.beb.pts.extkey">
        <c-input v-model="model.brdgrp.beb.pts.extkey" maxlength="16" placeholder="请输入External Key of Address">
        </c-input>
      </el-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBebpDet">
        Details
      </c-button>
    </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="Address Block" prop="brdgrp.beb.pts.adrblk">
        <c-input type="textarea" v-model="model.brdgrp.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="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.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/Brtudp/Event"
import Ptap1 from "~/views/Public/Ptap1";


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

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

  }
}
</script>
<style>
</style>