Ptyp.vue

<template>
  <div class="eibs">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <c-ptap :model="model" :isAdrblk="true" :argadr="{
              title: 'Collecting Bank',
              grp: 'bodgrp',
              rol: 'col',
          }"
          :disabled="model.bodgrp.col.pts.ptainr !== '' || (typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X')"
          :disabledExtkey="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
          :charmod="0"
          :haveAdrLabel="false"
					:isLabel120="false"
          :requiredNam="!model.isSdh"
          ptytyp="B">
        </c-ptap>
      </c-col>

      <!-- @handleChange="changeCol" -->
      
      <!-- <c-col :span="24">
        <el-card class="box-card">
          <c-col :span="24">
            <el-form-item label="Drawer Ref." prop="bodgrp.drr.pts.ref" :rules="(!model.isSdh) ? rules.drrref : [{required: false}]">
              <c-input v-model="model.bodgrp.drr.pts.ref" style="width:100%" placeholder="" maxlength="16">
              </c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-ptap :model="model" :isAdrblk="true" :requiredNam="true" :requiredRef="model.isSdh" :argadr="{
                  title: 'Drawer',
                  grp: 'bodgrp',
                  rol: 'drr',
              }"
              :isShowCard="false"
              :haveAdrLabel="false"
              @handleChange="changeDrr"
              chooseLanguage="CN"
              ptytyp="C">
            </c-ptap>
          </c-col>
        </el-card>
      </c-col>

      <c-col :span="24">
        <el-card class="box-card">
          <c-col :span="24">
            <el-form-item label="Drawee Ref." prop="bodgrp.dre.pts.ref" :rules="(!model.isSdh) ? rules.dreref : [{required: false}]">
              <c-input v-model="model.bodgrp.dre.pts.ref" style="width:100%" placeholder="" maxlength="16">
              </c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-ptap :model="model" :isAdrblk="true" :argadr="{
                  title: 'Drawee',
                  grp: 'bodgrp',
                  rol: 'dre',
              }" :disabled="false"
              chooseLanguage="CN"
              :haveAdrLabel="false"
              :isShowCard="false"
              :requiredNam="!model.isSdh"
              ptytyp="C,F">
            </c-ptap>
          </c-col>
        </el-card>
      </c-col> -->
    </c-col>

    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <!-- <c-col :span="24">
        <el-card class="box-card">
          <c-col :span="24">
            <el-form-item label="Drawee Ref." prop="bodgrp.dre.pts.ref" :rules="(!model.isSdh) ? rules.dreref : [{required: false}]">
              <c-input v-model="model.bodgrp.dre.pts.ref" style="width:100%" placeholder="" maxlength="16">
              </c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-ptap :model="model" :isAdrblk="true" :argadr="{
                  title: 'Drawee',
                  grp: 'bodgrp',
                  rol: 'dre',
              }" :disabled="false"
              chooseLanguage="CN"
              :haveAdrLabel="false"
              :isShowCard="false"
              :requiredNam="!model.isSdh"
              ptytyp="C,F">
            </c-ptap>
          </c-col>
        </el-card>
      </c-col> -->
      <!-- <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Collecting Bank Ref." prop="bodgrp.col.pts.ref">
            <c-input v-model="model.bodgrp.col.pts.ref" :required="!model.isSdh" style="width:100%" placeholder="" maxlength="16">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap :model="model" :isAdrblk="true" :argadr="{
                title: 'Collecting Bank',
                grp: 'bodgrp',
                rol: 'col',
            }" :disabled="false"
            chooseLanguage="CN"
            :haveAdrLabel="false"
              :isShowCard="false"
            @handleChange="changeCol"
            :requiredNam="!model.isSdh"
            ptytyp="B">
          </c-ptap>
        </c-col>
      </el-card> -->
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Utils from "~/utils";

export default {
  components: {},
  inject: ['root'],
  props: ["model", "codes", "rules"],
  mixins: [event],
  data() {
    return {
      newValue: {
        rol: "",
        ptyextkey: "",
        nam: "",
        ref: "",
      },
    }
  },
  methods: {
    addTableValue(index) {
      var newTableValue = Object.assign({}, this.newValue);
      const serial = Utils.generateUUID();
      newTableValue.serialNum = serial;
      this.model.botp.ptsaddp.ptsaddg.splice(index - 1, 0, newTableValue);
    },
    deleteTable(index) {
      this.model.botp.ptsaddp.ptsaddg.splice(index, 1);
    },
  },
  created: function () {
  }
}
</script>
<style>

</style>