<template>
  <div class="eibs-tab">
    <!-- ==========================左半边================================== -->
    <c-col :span="12">
      <!-- SF000021 : 偿付行 -->
      <c-col :span="24">
        <el-form-item label="Reimbursement Bank" prop="rmbclm.rmbrol">
          <c-select
            v-model="model.rmbclm.rmbrol"
            style="width: 100%"
            placeholder="请选择"
            :code="codes.rolall"
            @change="selectOrCheckboxRule('rmbclm.rmbrol')"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <!-- SF000020 : 编号 Reference for Address Optional -->
      <c-col :span="24">
        <c-form-item label="      Ref." prop="rmbclm.rmbrmb.pts.ref">
          <c-input
            v-model="model.rmbclm.rmbrmb.pts.ref"
            maxlength="16"
            placeholder="请输入Reference for Address Optional"
            :disabled="rmbrolRefFlag"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'rmbrmb',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onRmbpDet"
          :disabledExtkey="rmbrolRefFlag"
          :disabled="rmbrolAdrblkFlag"
        >
        </c-ptap>
      </c-col>
      <!-- SF000011 : Account with Bank -->
      <!-- SF000018 : 编号 -->
      <c-col :span="24">
        <c-form-item
          label="Account with Bank   Ref."
          prop="rmbclm.acwacw.pts.ref"
        >
          <c-input
            v-model="model.rmbclm.acwacw.pts.ref"
            maxlength="16"
            placeholder="请输入"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'acwacw',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onAcwpDet"
        >
        </c-ptap>
      </c-col>
      <!-- SF000016 : Beneficiary Bank -->
      <!-- SF000019 : 编号 -->
      <c-col :span="24">
        <c-form-item
          label="Beneficiary Bank   Ref."
          prop="rmbclm.bebbeb.pts.ref"
        >
          <c-input
            v-model="model.rmbclm.bebbeb.pts.ref"
            maxlength="16"
            placeholder="请输入"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'bebbeb',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBebpDet"
        >
        </c-ptap>
      </c-col>
      <!-- SG000133 : value date -->
      <c-col :span="24">
        <el-form-item label="value date" prop="rmbclm.valdat">
          <c-date-picker
            type="date"
            value-format="yyyy-MM-dd"
            v-model="model.rmbclm.valdat"
            style="width: 100%"
            placeholder="请选择"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </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/Letcan/Event'
import Ptap from '~/views/Public/Ptap'

export default {
  inject: ['root'],
  components: { 'c-ptap': Ptap },
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event },
  created: function () {},
  computed:{
    rmbrolRefFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol=='ADV'||this.model.rmbclm.rmbrol=='AVB'
              ||this.model.rmbclm.rmbrol=='ISS'||this.model.rmbclm.rmbrol=='CON'
        )
      },
    },

    rmbrolAdrblkFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol=='ADV'||this.model.rmbclm.rmbrol=='AVB'
              ||this.model.rmbclm.rmbrol=='ISS'||this.model.rmbclm.rmbrol=='CON'
              ||this.model.rmbclm.rmbrol=='RMB'
        )
      },

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