<template>
  <div class="eibs-tab">
    <!-- left -->
    <c-col :span="11">
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '2nd Advising Bank',
            grp: 'ltdgrp',
            rol: 'a2t',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onAdvpDet"
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Confirming Bank',
            grp: 'ltdgrp',
            rol: 'con',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onA2bpDet"
        >
        </c-ptap>
      </c-col>

    </c-col>

    <!-- right -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Reimbursement Bank(MT 740)',
            grp: 'ltdgrp',
            rol: 'rmt',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onApbpDet"
          
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Available with Bank',
            grp: 'ltdgrp',
            rol: 'avt',
          }"
          @onSeainf="onSeainf"
          @onAplpDet="onRmbpDet"
        >
        </c-ptap>
      </c-col>

    </c-col>
    <!-- =============================底部表格========================= -->
    <c-edit-table :model="model" v-bind="ptsaddg">
      <el-table-column label="操作" align="center">
        <template slot-scope="scope">
          <el-button
            size="mini"
            @click="handleEdit(scope.$index, scope.row)"
            type="primary"
            >详情</el-button
          >
        </template>
      </el-table-column>
    </c-edit-table>
    <!-- SF000237 : 2nd Advising Bank -->
    <!-- S0000320 : Ref. -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('lttp.SF000237')" prop="ltdgrp.a2t.pts.ref">
            <c-input  v-model="model.ltdgrp.a2t.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000237')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000316 : Reimbursement Bank (MT 740) -->
    <!-- SF000236 : Ref. -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('lttp.SF000316')" prop="ltdgrp.rmt.pts.ref">
            <c-input  v-model="model.ltdgrp.rmt.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000316')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="lttp.a2tp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.a2tp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="lttp.rmtp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.rmtp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="ltdgrp.a2t.pts.extkey">
            <c-input  v-model="model.ltdgrp.a2t.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="lttp.a2tp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.a2tp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onA2tpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="ltdgrp.rmt.pts.extkey">
            <c-input  v-model="model.ltdgrp.rmt.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="lttp.rmtp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.rmtp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRmtpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="ltdgrp.a2t.namelc">
            <c-input type="textarea" v-model="model.ltdgrp.a2t.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="ltdgrp.rmt.namelc">
            <c-input type="textarea" v-model="model.ltdgrp.rmt.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="ltdgrp.a2t.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.a2t.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="ltdgrp.a2t.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.a2t.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="ltdgrp.rmt.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.rmt.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="ltdgrp.rmt.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.rmt.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="ltdgrp.a2t.adrelc">
            <c-input type="textarea" v-model="model.ltdgrp.a2t.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="ltdgrp.rmt.adrelc">
            <c-input type="textarea" v-model="model.ltdgrp.rmt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col> -->
    <!-- SF000385 : Confirming Bank -->
    <!-- SF000386 : Ref. -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('lttp.SF000385')" prop="ltdgrp.con.pts.ref">
            <c-input  v-model="model.ltdgrp.con.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000385')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000319 : Available with Bank -->
    <!-- SF000235 : Ref. -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('lttp.SF000319')" prop="ltdgrp.avt.pts.ref">
            <c-input  v-model="model.ltdgrp.avt.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000319')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="lttp.conp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.conp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="lttp.avtp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.avtp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="ltdgrp.con.pts.extkey">
            <c-input  v-model="model.ltdgrp.con.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="lttp.conp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.conp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onConpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="ltdgrp.avt.pts.extkey">
            <c-input  v-model="model.ltdgrp.avt.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="lttp.avtp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.avtp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAvtpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="ltdgrp.con.namelc">
            <c-input type="textarea" v-model="model.ltdgrp.con.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="ltdgrp.avt.namelc">
            <c-input type="textarea" v-model="model.ltdgrp.avt.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="ltdgrp.con.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.con.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="ltdgrp.con.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.con.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="ltdgrp.avt.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.avt.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="ltdgrp.avt.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.avt.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="ltdgrp.con.adrelc">
            <c-input type="textarea" v-model="model.ltdgrp.con.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="ltdgrp.avt.adrelc">
            <c-input type="textarea" v-model="model.ltdgrp.avt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col> -->
    <!-- S0000060 : 其他关联方 -->

    <!-- <c-col :span="24">
        <div class="e-table-wrapper">
            <el-table
                :data="model.lttp.ptsaddp.ptsaddg"
                style="width: 100%"
                >
                <el-table-column
                  prop="rol"
                  label="角色"
                  sortable
                  width="100">
                </el-table-column>
                <el-table-column
                  prop="ptyextkey"
                  label="机构"
                  sortable
                  width="100">
                </el-table-column>
                <el-table-column
                  prop="nam"
                  label=""
                  sortable
                  width="100">
                </el-table-column>
                <el-table-column
                  prop="ref"
                  label="名称"
                  sortable
                  width="100">
                </el-table-column>
              </el-table>
              <el-pagination
                 layout="prev, pager, next"
                 :total="pager.lttp_ptsaddp_ptsaddg.total">
              </el-pagination>
       </div>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
        ptsaddg: {
        columns: [
          {
            title: "Role",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "Party",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "Name of Party",
            width: "300px",
            dataIndex: "nam",
          },
          {
            title: "Reference for Address",
            width: "300px",
            dataIndex: "ref",
          },
        ],
        urls: "lttp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: { ...Event,
  handleEdit() {
      console.log("1111测试");
    }, },
  created: function () {},
};
</script>
<style>
</style>