Ptyp.vue

<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px;">
      <c-ptap :model="model" :isAdrblk="true" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Drawer',
            grp: 'bodgrp',
            rol: 'drr',
        }" :disabled="true" 
        @handleChange="changeDrr"
				:isLabel120="false"
        :disabledRef="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
        :disabledExtkey="true" :charmod="0" ptytyp="C">
      </c-ptap>

      <c-ptap :model="model" :isAdrblk="true" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Collecting Bank',
            grp: 'bodgrp',
            rol: 'col',
        }" :disabled="false" 
        @handleChange="changeCol"
        :disabledRef="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
        :disabledExtkey="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
				:isLabel120="false"
        :charmod="0" ptytyp="B">
      </c-ptap>
      
    </c-col>
    <c-col :span="12" style="padding-left: 20px;">
      <c-ptap :model="model" :isAdrblk="true" :haveAdrLabel="false" :requiredExtkey="true" :argadr="{
            title: 'Drawee',
            grp: 'bodgrp',
            rol: 'dre',
        }" :disabled="false" 
        :disabledRef="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
        :disabledExtkey="typeof this.model.trnInfo !== 'undefined' && this.model.trnInfo.sptHldflg === 'X'"
				:isLabel120="false"
        :charmod="0" ptytyp="C">
      </c-ptap>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Utils from "~/utils";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      newValue: {
        rol: "",
        ptyextkey: "",
        nam: "",
        ref: ""
      },
      ptyp2: [
        { label: "TP0 第三当事人", value: "TP0" },
        { 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: {
  },
  created: function() {
    console.log(this.root);
  }
};
</script>
<style>
</style>