Ovwp.vue

<template>
    <div class="eibs-tab">
      <el-collapse v-model="activeNames" @change="handleChange">
          <el-collapse-item title="概要" name="opnp1">
            <m-opnp1 :model="model" :codes="codes" />
          </el-collapse-item>

          <!-- v-if="this.model.cpdgrp.rec.swftyp != ''" -->
          <el-collapse-item title="附加说明" name="AdditionalInfo">
            <m-AdditionalInfo :model="model" :codes="codes" />
          </el-collapse-item>

          
          <!-- <el-collapse-item title="Payment 103 PYE USD" name="Payment103"
          v-if="
              model.cpdgrp.rec.swftyp === '103' ||
              model.cpdgrp.rec.swftyp === '202'
            ">
            <m-Payment :model="model" :codes="codes" />
          </el-collapse-item> -->

          <el-collapse-item title="融资" name="finp">
            <m-finp :model="model" :codes="codes" />
          </el-collapse-item>
          
      </el-collapse>
    </div>
  </template>
  <script>
  import commonProcess from "~/mixin/commonProcess";
  import Event from "~/model/Cptopn/Event";
  import Opnp1 from "./Opnp1";
  import AdditionalInfo from "./AdditionalInfo";
  import Payment from "./Payment103.vue";
  import Finp from './Finp.vue';
  
  export default {
        components: {
        "m-opnp1": Opnp1,
        "m-AdditionalInfo": AdditionalInfo,
        "m-Payment": Payment,
        "m-finp": Finp,
  
    },
        inject: ['root'],
        props:["model","codes"],
        mixins: [commonProcess],
        data(){
            return {
                activeNames: ["opnp1"],
            }
        },
        methods:{...Event,handleChange(){}},
        created:function(){
    
        }
    }
    </script>
    <style>
    
    </style>