Ptyp.vue

<template>
  <div class="eibs">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <c-ptap :model="model" :isAdrblk="true" :isLabel120="false" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Drawer',
            grp: 'bodgrp',
            rol: 'drr',
        }" :disabledRef="false" :charmod="0" :disabledExtkey="true" :disabled="true">
        </c-ptap>

        <c-ptap :model="model" :isAdrblk="true" :isLabel120="false" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Drawee',
            grp: 'bodgrp',
            rol: 'dre',
        }" :disabledRef="true" :charmod="0" :disabledExtkey="true" :disabled="true">
        </c-ptap>
      </c-col>
    </c-col>

    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <c-ptap :model="model" :isAdrblk="true" :isLabel120="false" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Collecting Bank',
            grp: 'bodgrp',
            rol: 'col',
        }" :disabledRef="true" :charmod="0" :disabledExtkey="true" :disabled="true">
        </c-ptap>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      newValue: {
        rol: "",
        ptyextkey: "",
        nam: "",
        ref: ""
      },
      ptyp2: [
        { label: "TPO 第三当事人", value: "TPO" },
        { label: "TP1 第一第三当事人 .", value: "TP1" },
        { label: "TP2 第二第三当事人", value: "TP2" },
        { label: "TP3 第三第三当事人", value: "TP3" },
        { label: "TP4 第四第三当事人", value: "TP4" },
        { label: "TP5 第五第三当事人", value: "TP5" },
        { label: "TP6 第六第三当事人", value: "TP6" },
        { label: "TP7 第七第三当事人", value: "TP7" },
        { label: "TP8 第八第三当事人", value: "TP8" }
      ]
    };
  },
  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>