<template>
  <div class="eibs-tab">
    <!-- left -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Reimbursement Bank" prop="rmbclm.rmbrol">
          <c-select
            v-model="model.rmbclm.rmbrol"
            style="width: 100%"
            placeholder="Please select Reimbursement Bank"
            @change="selectOrCheckboxRule('rmbclm.rmbrol')"
          >
            <el-option
              v-for="item in codes.rolall"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'rmbrmb',
          }"
          :noRef="false"
          :isAdrblk="true"
          :disabled="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
          :disabledRef="rmbrolFlag"
          :disabledExtkey="rmbrolFlag"
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <el-form-item label="value date" prop="rmbclm.valdat">
          <c-date-picker
            type="date"
            v-model="model.rmbclm.valdat"
            style="width: 100%"
            placeholder="Please select value date"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- right -->
    <c-col :span="11" :offset="1"> 
        <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Account with Bank',
            grp: 'rmbclm',
            rol: 'acwacw',
          }"
          :noRef="false"
          :disabled="true"
          :isAdrblk="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Beneficiary Bank',
            grp: 'rmbclm',
            rol: 'bebbeb',
          }"
          :noRef="false"
          :disabled="true"
          :isAdrblk="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </c-col>

    </c-col>
    <!-- <c-col :span="12">
        <el-form-item :label="$t('rmbclm.SF000021')" prop="rmbclm.rmbrol">
            <c-select v-model="model.rmbclm.rmbrol" style="width:100%" :placeholder="$t('other.please_enter')+$t('rmbclm.SF000021')">
              </c-select>
        </el-form-item>
       </c-col>
                 SF000021 : 偿付行
                 SF000020 : 编号
                  
       <c-col :span="12">
        <c-form-item label="Reference for Address Optional" prop="rmbclm.rmbrmb.pts.ref">
            <c-input  v-model="model.rmbclm.rmbrmb.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+'Reference for Address Optional'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="rmbclm.rmbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.rmbclm.rmbp.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="rmbclm.rmbrmb.pts.extkey">
            <c-input  v-model="model.rmbclm.rmbrmb.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="rmbclm.rmbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.rmbclm.rmbp.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="onRmbpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="rmbclm.rmbrmb.namelc">
            <c-input type="textarea" v-model="model.rmbclm.rmbrmb.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="rmbclm.rmbrmb.pts.adrblk">
            <c-input type="textarea" v-model="model.rmbclm.rmbrmb.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="rmbclm.rmbrmb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.rmbclm.rmbrmb.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="rmbclm.rmbrmb.adrelc">
            <c-input type="textarea" v-model="model.rmbclm.rmbrmb.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                 SF000011 : Account with Bank
                 SF000018 : 编号
                  
       <c-col :span="12">
        <c-form-item :label="$t('rmbclm.SF000011')" prop="rmbclm.acwacw.pts.ref">
            <c-input  v-model="model.rmbclm.acwacw.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('rmbclm.SF000011')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="rmbclm.acwp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.rmbclm.acwp.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="rmbclm.acwacw.pts.extkey">
            <c-input  v-model="model.rmbclm.acwacw.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="rmbclm.acwp.ptsget.sdamod.seainf">
            <c-input  v-model="model.rmbclm.acwp.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="onAcwpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="rmbclm.acwacw.namelc">
            <c-input type="textarea" v-model="model.rmbclm.acwacw.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="rmbclm.acwacw.pts.adrblk">
            <c-input type="textarea" v-model="model.rmbclm.acwacw.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="rmbclm.acwacw.dbfadrblkcn">
            <c-input type="textarea" v-model="model.rmbclm.acwacw.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="rmbclm.acwacw.adrelc">
            <c-input type="textarea" v-model="model.rmbclm.acwacw.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                 SF000016 : Beneficiary Bank
                 SF000019 : 编号
                  
       <c-col :span="12">
        <c-form-item :label="$t('rmbclm.SF000016')" prop="rmbclm.bebbeb.pts.ref">
            <c-input  v-model="model.rmbclm.bebbeb.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('rmbclm.SF000016')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="rmbclm.bebp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.rmbclm.bebp.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="rmbclm.bebbeb.pts.extkey">
            <c-input  v-model="model.rmbclm.bebbeb.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="rmbclm.bebp.ptsget.sdamod.seainf">
            <c-input  v-model="model.rmbclm.bebp.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="onBebpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="rmbclm.bebbeb.namelc">
            <c-input type="textarea" v-model="model.rmbclm.bebbeb.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="rmbclm.bebbeb.pts.adrblk">
            <c-input type="textarea" v-model="model.rmbclm.bebbeb.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="rmbclm.bebbeb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.rmbclm.bebbeb.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="rmbclm.bebbeb.adrelc">
            <c-input type="textarea" v-model="model.rmbclm.bebbeb.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="value date" prop="rmbclm.valdat">
            <c-date-picker type="date"  v-model="model.rmbclm.valdat" style="width:100%"  :placeholder="$t('other.please_enter')+'value date'"></c-date-picker>
        </el-form-item>
       </c-col>
                 SG000133 : value date -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Betrcl/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: {"c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  computed:{
    rmbrolFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol == 'AVB' ||
          this.model.rmbclm.rmbrol == 'ISS' 
        )
      },
    },
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>