MT202.vue

<template>
  <div class="eibs-tab">
    <el-col :span="12" style="padding-right: 20px;">
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Own Ref(20)" :prop="'setmod.setglg.setgll.' + idx + '.sespay.ownref'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.ownref" maxlength="16"
              @Change="handleChangeSespay('ownref')">
            </c-input>
          </el-form-item>
        </c-col>
      </el-card>
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Ord. Institut. Account" :prop="'setmod.setglg.setgll.' + idx + '.sespay.oriacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.oriacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Ordering Institution(52a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'ori' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.ori.pts.ptainr !== ''" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('ori')">
          </c-ptap-ext>
        </c-col>
      </el-card>
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Intermediary Account" :prop="'setmod.setglg.setgll.' + idx + '.sespay.intacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.intacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Intermediary(56a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'int' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.int.pts.ptainr !== ''" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('int')">
          </c-ptap-ext>
        </c-col>
      </el-card>

    </el-col>

    <el-col :span="12" style="padding-left: 20px;">
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Acc.w.Instit.Account" :prop="'setmod.setglg.setgll.' + idx + '.sespay.awiacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.awiacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Account with Institution / Account(57a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'awi' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.awi.pts.ptainr !== ''" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('awi')">
          </c-ptap-ext>
        </c-col>
      </el-card>
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Beneficiary Institution Account"
            :prop="'setmod.setglg.setgll.' + idx + '.sespay.beiacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.beiacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Beneficiary Institution(58a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'bei' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :requiredExtkey="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.bei.pts.ptainr !== ''" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('bei')">
          </c-ptap-ext>
        </c-col>
      </el-card>

    </el-col>
  </div>
</template>
<script>
  import event from "../event";
  import commonDepend from "~/mixin/commonDepend.js";
  export default {
    inject: ["root"],
    props: ["model", "codes", "idx"],
    mixins: [event, commonDepend],
    data() {
      return {};
    },
    methods: {
      handleChangePtspta(prop) {
        this.customAddModify(this.model.setmod.setglg.setgll[this.idx].setgrp, prop);
      },
      handleChangeSespay(prop) {
        this.customAddModify(this.model.setmod.setglg.setgll[this.idx].sespay, prop);
      },

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