Ptyp.vue

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

      <c-col :span="24">
        <c-ptap :disabled="true" :disabledExtkey="true" :model="model" :disabledRef="true"
        :isAdrblk="true" :haveAdrLabel="false" :requiredExtkey="true" 
        :argadr="{ title: $t('Drawee'), grp: 'bodgrp', rol: 'dre'}" 
        :charmod="0"
        :ptytyp="'C'" :isLabel120="false"></c-ptap>
      </c-col>
    </c-col>
    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <c-ptap :disabled="true" :disabledExtkey="true" :model="model" :disabledRef="true"
        :isAdrblk="true" :haveAdrLabel="false" :requiredExtkey="true" 
        :argadr="{ title: $t('Collecting Bank'), grp: 'bodgrp', rol: 'col'}" 
        :charmod="0"
        :ptytyp="'B'" :isLabel120="false"></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";
import event from "../event";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  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>