Ptyp.vue

<template>
  <div class="eibs">
    <!-- =================================左边================================= -->
    <c-col :span="12" style="padding-right: 20px;">

      <!-- 1st Beneficiary，第一受益人 -->
      <c-col :span="24">
        <c-ptap :model="model" :isLabel120="false" :argadr="{
              title: '1st Beneficiary',
              grp: 'btdgrp',
              rol: 'be1',
            }" @keyup.enter.native="
                queryGridEtyPromptDialogData('BE1', 'C')
              " disabled disabled-extkey disabled-ref>
        </c-ptap>
      </c-col>

      <!-- Presenting Bank，提交银行 -->
      <c-col :span="24">
        <c-ptap :model="model" :argadr="{
              title: 'Presenting Bank',
              grp: 'btdgrp',
              rol: 'prb',
            }" @keyup.enter.native="
                queryGridEtyPromptDialogData('PRB', 'B')
              " disabled :isLabel120="false" disabled-extkey>
        </c-ptap>
      </c-col>

      <!-- S0000038 : Payer -->
      <c-col :span="24">
            <el-form-item label="Payer" prop="btdgrp.rec.payrol">
              <c-select v-model="model.btdgrp.rec.payrol" dbCode="ROLALL" @change="paybrolDefault" :filterKey="payrolList" style="width:100%">
              </c-select>
            </el-form-item>
            <c-ptap :model="model" :noEditNameAndAddress="model.btdgrp.rec.payrol != 'OTH'" :disabledExtkey="model.btdgrp.rec.payrol != 'OTH'" :disabled-ref="model.btdgrp.rec.payrol != 'OTH'" :argadr="{ title: $t('Payer'), grp: 'btdgrp', rol: 'oth'}" :isShowCard="false" :ptytyp="'C'" :isLabel120="false"></c-ptap>
      </c-col>

    </c-col>
    <!-- ========================右边======================= -->
    <c-col :span="12" style="padding-left: 20px;">

      <!-- Issuer，开证行 -->
      <c-col :span="24">
        <c-ptap :model="model" :argadr="{
              title: '2nd Beneficiary',
              grp: 'btdgrp',
              rol: 'be2',
            }" disabled :isLabel120="false" disabled-extkey disabled-ref @keyup.enter.native="
                queryGridEtyPromptDialogData('BE2', 'B')
              ">
        </c-ptap>
      </c-col>

      <!-- S0000084 : Payee for  of 2nd Ben-Side -->
      <c-col :span="24">

          <el-form-item label="Payee for  of 2nd Ben-Side" prop="btdgrp.rec.docprbrol">
            <c-select v-model="model.btdgrp.rec.docprbrol" dbCode="ROLALL" :filterKey="docprbrollist" style="width:100%">
            </c-select>
          </el-form-item>
          <c-ptap :model="model" :disabled="true" :disabledExtkey="true" :isAdrblk="true" :argadr="{ title: $t('Payee for 2nd Ben-Side '), grp: 'btdgrp', rol: 'prb'}" :isShowCard="false" :ptytyp="'C'" :isLabel120="false"></c-ptap>

      </c-col>

      <!-- S0000084 : Payee for  1st Ben-Side -->
      <c-col :span="24">

          <el-form-item label="Payee for  1st Ben-Side" prop="btdgrp.rec.docprbrolbe1">
            <c-select v-model="model.btdgrp.rec.docprbrolbe1" dbCode="ROLALL" :filterKey="docprbrolbe1list" style="width:100%">
            </c-select>
          </el-form-item>
          <c-ptap :model="model" :disabled="true" :disabledExtkey="true" :isAdrblk="true" :argadr="{ title: $t('Payee for 1st Ben-Side '), grp: 'btdgrp', rol: 'prp'}" :isShowCard="false" :ptytyp="'C'" :isLabel120="false"></c-ptap>

      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
// import Ptap from '~/views/Public/Ptap';

export default {
  inject: ["root"],
  // components: { 'c-ptap': Ptap },
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  computed: {
    payrolList() {
      let arr = []
      if (this.model.ledgrp.adv.ptytyp != '' ) {
        arr.push('ADV')
      }
      if (this.model.ledgrp.avb.ptytyp != '' ) {
        arr.push('AVB')
      }
      if (this.model.ledgrp.iss.ptytyp != '' ) {
        arr.push('ISS')
      }
      if (this.model.ledgrp.con.ptytyp != '' ) {
        arr.push('CON')
      }
      arr.push('OTH')
      return arr
    },
    docprbrollist() {
      let arr = []
      if (this.model.ltdgrp.be2.ptytyp != '' ) {
        arr.push('BE2')
      }
      if (this.model.ltdgrp.a2t.ptytyp != '' ) {
        arr.push('A2T')
      }
      if (this.model.ltdgrp.adt.ptytyp != '' ) {
        arr.push('ADT')
      }
      arr.push('PRB')
      return arr
    },
    docprbrolbe1list() {
      let arr = []
      if (this.model.btdgrp.be1.ptytyp != '' ) {
        arr.push('BE1')
      }
      if (this.model.ledgrp.a2b.ptytyp != '' ) {
        arr.push('A2B')
      }
      arr.push('PRB')
      return arr
    },
  }
};
</script>
<style></style>