<template>
  <div class="eibs-tab">
    <!-- ====================================  左边(和brtudp交易的页面一样) 是此交易Mt750p页面内容加Reimbursing Bank================================= -->
    <c-col :span="11">
      <!--加此交易的Mt750p页面的 单据金额 -->
      <!--Document Amount 单据金额 -->
      <c-col :span="12">
        <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
          <c-select
            v-model="model.bedgrp.cbs.max.cur"
            maxlength="3"
            placeholder="请输入单据金额"
            :code="codes.curtxt1"
            disabled
          ></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="bedgrp.cbs.max.amt">
          <c-input
            v-model="model.bedgrp.cbs.max.amt"
            placeholder="请输入单据金额"
            class="m-input-currency"
          ></c-input>
        </el-form-item>
      </c-col>

      <!-- 加此交易的Mt750p页面的Drawn.Add.Amount -->
      <!-- 附加金额 -->
      <c-col :span="12">
        <el-form-item label="Drawn Add.Amount" prop="bedgrp.cbs.opn2.cur">
          <c-select
            v-model="model.bedgrp.cbs.opn2.cur"
            style="width: 100%"
            placeholder="请选择附加金额"
            disabled
            :code="codes.curtxt1"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <!-- 附加金额 -->
      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="bedgrp.cbs.max2.amt">
          <c-input
            v-model="model.bedgrp.cbs.max2.amt"
            placeholder="请输入附加金额"
            class="m-input-currency"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

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

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

      <!--加此交易的Mt750p页面的 Total Amount Claimed -->
      <!-- Total Amount Claimed -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Total Amount Claimed" prop="bedgrp.rec.totcur">
            <c-select
              v-model="model.bedgrp.rec.totcur"
              maxlength="3"
              placeholder="请输入Total Amount Claimed"
              :code="codes.curtxt1"
              disabled
            ></c-select>
          </el-form-item>
        </c-col>
        <!-- Total Amount to be Paid -->
        <c-col :span="12">
          <el-form-item label="" label-width="10px" prop="bedgrp.rec.totamt">
            <c-input
              v-model="model.bedgrp.rec.totamt"
              placeholder="请输入Total Amount to be Paid"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- 偿付银行Reimbursement Bank -->
      <c-col :span="24">
        <c-ptap1
          :model="model"
          :argadr="{
            title: 'Reimbursement Bank',
            grp: 'bedgrp',
            rol: 'rmb',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onRmbpDet"
        >
        </c-ptap1>
      </c-col>

      <!-- 加Mt750p页面的Amount with Bank -->
      <!-- Account with Bank -->
      <c-col :span="24">
        <c-ptap1
          :model="model"
          :argadr="{
            title: 'Account with Bank',
            grp: 'bedgrp',
            rol: 'acb',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onAcbpDet"
        >
        </c-ptap1>
      </c-col>

      <!-- 加date to paied -->
    <c-col :span="24">
      <el-form-item label="Date to be Paid" prop="bedgrp.rec.totdat">
        <c-date-picker
          type="date"
          v-model="model.bedgrp.rec.totdat"
          style="width: 100%"
          placeholder="请选择Date to be Paid"
          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="bedgrp.blk.nartxt77a"
      >
        <c-input
          type="textarea"
          v-model="model.bedgrp.blk.nartxt77a"
          maxlength="700"
          show-word-limit
          :rows="16"
          placeholder="请输入Narrative TAG 77A of Incoming MT754"
        ></c-input>
      </el-form-item>
    </c-col>

      <c-col :span="24">
        <c-ptap1
          :model="model"
          :argadr="{
            title: 'Beneficiary`s Bank',
            grp: 'ledgrp',
            rol: 'beb',
          }"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onBebpDet"
        >
        </c-ptap1>
      </c-col>
    
    </c-col>
    <!-- <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="betp.rmbp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.betp.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="bedgrp.rmb.pts.extkey"
      >
        <c-input
          v-model="model.bedgrp.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="betp.rmbp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.betp.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="bedgrp.rmb.namelc">
        <c-input
          type="textarea"
          v-model="model.bedgrp.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="bedgrp.rmb.pts.adrblk">
        <c-input
          type="textarea"
          v-model="model.bedgrp.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="bedgrp.rmb.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.bedgrp.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="bedgrp.rmb.adrelc">
        <c-input
          type="textarea"
          v-model="model.bedgrp.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="betp.bebp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.betp.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="ledgrp.beb.pts.extkey"
      >
        <c-input
          v-model="model.ledgrp.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="betp.bebp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.betp.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="ledgrp.beb.namelc">
        <c-input
          type="textarea"
          v-model="model.ledgrp.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="ledgrp.beb.pts.adrblk">
        <c-input
          type="textarea"
          v-model="model.ledgrp.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="ledgrp.beb.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.ledgrp.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="ledgrp.beb.adrelc">
        <c-input
          type="textarea"
          v-model="model.ledgrp.beb.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Date to be Paid" prop="bedgrp.rec.totdat">
        <c-date-picker
          type="date"
          v-model="model.bedgrp.rec.totdat"
          style="width: 100%"
          placeholder="请选择Date to be Paid"
        ></c-date-picker>
      </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/Letdav/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>