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>

      
      <el-collapse-item title="跨境支付" name="secpan" 
        v-if="
          model.cpdgrp.rec.swftyp == 'HVP' ||
          model.cpdgrp.rec.swftyp == 'HVQ' ||
          model.cpdgrp.rec.swftyp == 'HVR' ||
          model.cpdgrp.rec.swftyp == 'BEP' ||
          model.cpdgrp.rec.swftyp == 'BEQ' ||
          model.cpdgrp.rec.swftyp == 'BES'
        ">
        <m-secpan :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="CIPS" name="cips"
        v-if="
          model.cpdgrp.rec.swftyp == 'CIU' ||
          model.cpdgrp.rec.swftyp == 'CIV' ||
          model.cpdgrp.rec.swftyp == 'CIW'
        "
      >
        <m-cips :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="112COV" name="p112cov"
        v-if="covflg && model.cpdgrp.rec.swftyp == 'CIV'"
      >
        <m-p112cov :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="CIPS2.0" name="cips2"
        v-if="
          model.cpdgrp.rec.swftyp == 'CIU' ||
          model.cpdgrp.rec.swftyp == 'CIV' ||
          model.cpdgrp.rec.swftyp == 'CIW'
        "
      >
        <m-cips2 :model="model" :codes="codes" />
      </el-collapse-item>


      <el-collapse-item title="收账通知" name="docpan2">
        <m-docpan2 :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
  <script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Cptadv/Event";
import Opnp1 from "./Opnp1";
import Secpan from "./Secpan";
import Docpan2 from "./Docpan2";
import Cips from "./Cips";
import Cips2 from "./Cips2";
import P112cov from "./P112cov";

export default {
  components: {
    "m-opnp1": Opnp1,
    "m-secpan": Secpan,
    "m-docpan2": Docpan2,
    "m-cips": Cips,
    "m-cips2": Cips2,
    "m-p112cov": P112cov,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["opnp1"],
    };
  },
  computed: {
    covflg: {
      get() {
        return this.model.trnmod.cipmod.covflg != "X";
      },
      set(val) {
        this.model.trnmod.cipmod.covflg = val ? "X" : "";
      },
    },
  },
  methods: { ...Event, handleChange() {} },
  created: function () {},
};
</script>
    <style>
</style>